color #CAD8F4 | Chroma Seek

#CAD8F4

Color Information

Hex Code

#CAD8F4

RGB

202, 216, 244

HSL

220°, 66%, 87%

CSS

#CAD8F4

Color Tints

Lighter variations of #CAD8F4

#CAD8F4

#CFDCF5

10%

#D5E0F6

20%

#DAE4F7

30%

#DFE8F8

40%

#E5ECFA

50%

#EAEFFB

60%

#EFF3FC

70%

#F4F7FD

80%

#FAFBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #CAD8F4

#CAD8F4

#B6C2DC

10%

#A2ADC3

20%

#8D97AB

30%

#798292

40%

#656C7A

50%

#515662

60%

#3D4149

70%

#282B31

80%

#141618

90%

#000000

100%

Related Colors

Complementary Color

#F4E5C8

Opposite on color wheel

Split-Complementary Colors

#F4CFC8, #ECF4C8

Adjacent to complementary color

Analogous Colors

#C8ECF4, #CFC8F4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F4C8D7, #D7F4C8

Three colors equally spaced (120° apart)

Tetradic Colors

#E5C8F4, #F4E5C8, #D7F4C8

Rectangle on color wheel (90° apart)

Square Colors

#F4C8EC, #F4E5C8, #C8F4CF

Four colors equally spaced (90° apart)

Monochromatic Variations

#88A8E7, #4979DA, #2454B2, #173672

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CAD8F4

#C8F4F0

#DAC8F4

#F4E5C8

#ECF4C8

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

Triadic + Accent

#CAD8F4

#F4C8D7

#D7F4C8

#D7AAEE

#73E2BD

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

Monochromatic + Split Complementary

#CAD8F4

#C0D0F2

#5E89DE

#F4CFC8

#ECF4C8

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

#CAD8F4

RGB Values

202, 216, 244

HSL Values

220°, 66%, 87%