#CDDCFA

#CDDCFA

Color Values

HEX

#CDDCFA

RGB

205, 220, 250

HSL

220,0, 81,8%, 89,2%

HSV

220,0, 18,0%, 98,0%

CMYK

18,0%, 12,0%, 0,0%, 2,0%

OKLCH

0,8927 0,0444 264,3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CDDCFA

#FAEBCD

Analogous

#CDF2FA

#D4CDFA

#CDDCFA

Triadic

#CDDCFA

#FACDDC

#DCFACD

Split Complementary

#CDDCFA

#FAD4CD

#F2FACD

Tetradic

#CDDCFA

#FACDF2

#FAEBCD

#CDFAD4

Color Blindness Simulation

Original

#CDDCFA

Protanopia

#D3D4F3

Deuteranopia

#D3D2F1

Tritanopia

#CEEDEC

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1E9FA
200
#BED2F9
300
#90B1F4
400
#5387EE
500
#175DE8
600
#134AB9
700
#0F3B94
800
#0C2E74
900
#0D2554
950
#081735

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026