#CDDCF8

#CDDCF8

Color Values

HEX

#CDDCF8

RGB

205, 220, 248

HSL

219,1, 75,4%, 88,8%

HSV

219,1, 17,3%, 97,3%

CMYK

17,3%, 11,3%, 0,0%, 2,7%

OKLCH

0,892 0,0419 263,0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CDDCF8

#F8E9CD

Analogous

#CDF1F8

#D3CDF8

#CDDCF8

Triadic

#CDDCF8

#F8CDDC

#DCF8CD

Split Complementary

#CDDCF8

#F8D3CD

#F1F8CD

Tetradic

#CDDCF8

#F8CDF1

#F8E9CD

#CDF8D3

Color Blindness Simulation

Original

#CDDCF8

Protanopia

#D3D4F1

Deuteranopia

#D3D2F0

Tritanopia

#CEECEB

Achromatopsia

#DBDBDB

CSS Usage

background-color: #CDDCF8;
color: #CDDCF8;
border-color: #CDDCF8;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D3F6
300
#94B4F0
400
#5A8BE8
500
#1F62E0
600
#194FB3
700
#143F8F
800
#103170
900
#102651
950
#0A1833

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026