#CFDDC6

#CFDDC6

Color Values

HEX

#CFDDC6

RGB

207, 221, 198

HSL

96.5, 25.3%, 82.2%

HSV

96.5, 10.4%, 86.7%

CMYK

6.3%, 0.0%, 10.4%, 13.3%

OKLCH

0.8807 0.0345 133.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFDDC6

#D4C6DD

Analogous

#DBDDC6

#C6DDC9

#CFDDC6

Triadic

#CFDDC6

#C6CFDD

#DDC6CF

Split Complementary

#CFDDC6

#C9C6DD

#DDC6DB

Tetradic

#CFDDC6

#C6DBDD

#D4C6DD

#DDC9C6

Color Blindness Simulation

Original

#CFDDC6

Protanopia

#D5D5CC

Deuteranopia

#D4D3CD

Tritanopia

#D0D0D1

Achromatopsia

#D8D8D8

CSS Usage

background-color: #CFDDC6;
color: #CFDDC6;
border-color: #CFDDC6;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D9E4D2
300
#BED1B2
400
#9BB989
500
#79A05F
600
#60804C
700
#4D663D
800
#3C5030
900
#2E3B25
950
#1D2618

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026