color #2DAFF0 | Chroma Seek

#2DAFF0

Color Information

Hex Code

#2DAFF0

RGB

45, 175, 240

HSL

200°, 87%, 56%

CSS

#2DAFF0

Color Tints

Lighter variations of #2DAFF0

#2DAFF0

#42B7F2

10%

#57BFF3

20%

#6CC7F5

30%

#81CFF6

40%

#96D7F8

50%

#ABDFF9

60%

#C0E7FB

70%

#D5EFFC

80%

#EAF7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #2DAFF0

#2DAFF0

#299ED8

10%

#248CC0

20%

#1F7AA8

30%

#1B6990

40%

#175878

50%

#124660

60%

#0E3548

70%

#092330

80%

#051218

90%

#000000

100%

Related Colors

Complementary Color

#F06E2D

Opposite on color wheel

Split-Complementary Colors

#F02D4E, #F0D02D

Adjacent to complementary color

Analogous Colors

#2DF0D0, #2D4EF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F02DAF, #AFF02D

Three colors equally spaced (120° apart)

Tetradic Colors

#6E2DF0, #F06E2D, #AFF02D

Rectangle on color wheel (90° apart)

Square Colors

#D02DF0, #F06E2D, #4EF02D

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECF8FE, #8DD4F7, #0C76AC, #05354C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2DAFF0

#2DF09F

#3D2DF0

#F06E2D

#F0D02D

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

Triadic + Accent

#2DAFF0

#F02DAF

#AFF02D

#B08DF7

#0CAC41

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

Monochromatic + Split Complementary

#2DAFF0

#A4DDF9

#0A6694

#F02D4E

#F0D02D

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

#2DAFF0

RGB Values

45, 175, 240

HSL Values

200°, 87%, 56%