color #2AB4F4 | Chroma Seek

#2AB4F4

Color Information

Hex Code

#2AB4F4

RGB

42, 180, 244

HSL

199°, 90%, 56%

CSS

#2AB4F4

Color Tints

Lighter variations of #2AB4F4

#2AB4F4

#3FBCF5

10%

#55C3F6

20%

#6ACBF7

30%

#7FD2F8

40%

#95DAFA

50%

#AAE1FB

60%

#BFE9FC

70%

#D4F0FD

80%

#EAF8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #2AB4F4

#2AB4F4

#26A2DC

10%

#2290C3

20%

#1D7EAB

30%

#196C92

40%

#155A7A

50%

#114862

60%

#0D3649

70%

#082431

80%

#041218

90%

#000000

100%

Related Colors

Complementary Color

#F46A2A

Opposite on color wheel

Split-Complementary Colors

#F42A4F, #F4CF2A

Adjacent to complementary color

Analogous Colors

#2AF4CF, #2A4FF4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F42AB4, #B4F42A

Three colors equally spaced (120° apart)

Tetradic Colors

#6A2AF4, #F46A2A, #B4F42A

Rectangle on color wheel (90° apart)

Square Colors

#CF2AF4, #F46A2A, #4FF42A

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECF8FE, #8BD6F9, #097AAE, #04364E

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #2AB4F4. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#2AB4F4

#2AF49C

#372AF4

#F46A2A

#F4CF2A

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#2AB4F4

#F42AB4

#B4F42A

#AE8BF9

#09AE3E

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#2AB4F4

#A3DFFA

#086996

#F42A4F

#F4CF2A

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#2AB4F4

RGB Values

42, 180, 244

HSL Values

199°, 90%, 56%