#CDDDDA

#CDDDDA

Color Values

HEX

#CDDDDA

RGB

205, 221, 218

HSL

168,7, 19,0%, 83,5%

HSV

168,7, 7,2%, 86,7%

CMYK

7,2%, 0,0%, 1,4%, 13,3%

OKLCH

0,8846 0,0176 183,5

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CDDDDA

#DDCDD0

Analogous

#CDDDD2

#CDD8DD

#CDDDDA

Triadic

#CDDDDA

#DACDDD

#DDDACD

Split Complementary

#CDDDDA

#DDCDD8

#DDD2CD

Tetradic

#CDDDDA

#D2CDDD

#DDCDD0

#D8DDCD

Color Blindness Simulation

Original

#CDDDDA

Protanopia

#D4D4DB

Deuteranopia

#D3D2DB

Tritanopia

#CEDBDB

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CDDDDA;
color: #CDDDDA;
border-color: #CDDDDA;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E0
300
#B6CDC9
400
#8FB3AC
500
#67988F
600
#537972
700
#42615B
800
#344C47
900
#283936
950
#192422

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,95: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