color #CAD8E3 | Chroma Seek

#CAD8E3

Color Information

Hex Code

#CAD8E3

RGB

202, 216, 227

HSL

206°, 31%, 84%

CSS

#CAD8E3

Color Tints

Lighter variations of #CAD8E3

#CAD8E3

#CFDCE6

10%

#D5E0E9

20%

#DAE4EB

30%

#DFE8EE

40%

#E5ECF1

50%

#EAEFF4

60%

#EFF3F7

70%

#F4F7F9

80%

#FAFBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #CAD8E3

#CAD8E3

#B6C2CC

10%

#A2ADB6

20%

#8D979F

30%

#798288

40%

#656C72

50%

#51565B

60%

#3D4144

70%

#282B2D

80%

#141617

90%

#000000

100%

Related Colors

Complementary Color

#E3D5CA

Opposite on color wheel

Split-Complementary Colors

#E3CACB, #E3E1CA

Adjacent to complementary color

Analogous Colors

#CAE3E1, #CACBE3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E3CAD8, #D8E3CA

Three colors equally spaced (120° apart)

Tetradic Colors

#D5CAE3, #E3D5CA, #D8E3CA

Rectangle on color wheel (90° apart)

Square Colors

#E1CAE3, #E3D5CA, #CBE3CA

Four colors equally spaced (90° apart)

Monochromatic Variations

#97B3C8, #658FAE, #456882, #2A4050

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CAD8E3

#CAE3DB

#CECAE3

#E3D5CA

#E3E1CA

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

Triadic + Accent

#CAD8E3

#E3CAD8

#D8E3CA

#CABCDC

#87C09F

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

Monochromatic + Split Complementary

#CAD8E3

#CDDAE5

#769BB7

#E3CACB

#E3E1CA

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

#CAD8E3

RGB Values

202, 216, 227

HSL Values

206°, 31%, 84%