#CDE6FF Color

Color Information

HEX#CDE6FF
RGB205, 230, 255
HSL210° , 100% , 90%
HSV210° , 20% , 100%
CMYK20%, 10%, 0%, 0%

Lighter Shades

#D3E9FF #D9ECFF #DFEFFF #E5F2FF #EBF5FF #F1F8FF

Darker Shades

#B4CAE0 #9CAFC2 #8393A3 #6B7885 #525C66 #394047

Complementary Palette

#B0C6DB #CDE6FF #DBC6AF #FFE6CC #FFEAD3 #D4EAFF

Analogous Palette

#C5E2E2 #D1FAFA #C1D8F0 #CDE6FF #D1D1FA #D6D6FA

Triadic Palette

#B4CAE0 #CDE6FF #FFCCE6 #FFD2E9 #E6FFCC #CAE0B4

Split Complementary Palette

#B9CFE6 #CDE6FF #FFCCCC #FFD1D1 #FFFFCC #E6E6B8

Square Palette

#ACC1D6 #CDE6FF #FCCFFC #FCE6CF #CCFFCC #D4FFD4

Tetradic Palette

#A8BDD1 #CDE6FF #E6CCFF #FFE6CC #E6FFCC #EBFFD5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CDE6FF contains 205 red, 230 green, and 255 blue.

Contrast Ratio: 1.27:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 16.47:1