color #CAD4E3 | Chroma Seek

#CAD4E3

Color Information

Hex Code

#CAD4E3

RGB

202, 212, 227

HSL

216°, 31%, 84%

CSS

#CAD4E3

Color Tints

Lighter variations of #CAD4E3

#CAD4E3

#CFD8E6

10%

#D5DDE9

20%

#DAE1EB

30%

#DFE5EE

40%

#E5EAF1

50%

#EAEEF4

60%

#EFF2F7

70%

#F4F6F9

80%

#FAFBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #CAD4E3

#CAD4E3

#B6BFCC

10%

#A2AAB6

20%

#8D949F

30%

#797F88

40%

#656A72

50%

#51555B

60%

#3D4044

70%

#282A2D

80%

#141517

90%

#000000

100%

Related Colors

Complementary Color

#E3D9CA

Opposite on color wheel

Split-Complementary Colors

#E3CCCA, #E0E3CA

Adjacent to complementary color

Analogous Colors

#CAE0E3, #CCCAE3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E3CAD4, #D4E3CA

Three colors equally spaced (120° apart)

Tetradic Colors

#D9CAE3, #E3D9CA, #D4E3CA

Rectangle on color wheel (90° apart)

Square Colors

#E3CAE0, #E3D9CA, #CAE3CC

Four colors equally spaced (90° apart)

Monochromatic Variations

#97ABC8, #6582AE, #455D82, #2A3950

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CAD4E3

#CAE3DF

#D2CAE3

#E3D9CA

#E0E3CA

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

Triadic + Accent

#CAD4E3

#E3CAD4

#D4E3CA

#CFBCDC

#87C0A9

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

Monochromatic + Split Complementary

#CAD4E3

#CDD6E5

#7690B7

#E3CCCA

#E0E3CA

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

#CAD4E3

RGB Values

202, 212, 227

HSL Values

216°, 31%, 84%