#CCF7D1

#CCF7D1

Color Values

HEX

#CCF7D1

RGB

204, 247, 209

HSL

127.0, 72.9%, 88.4%

HSV

127.0, 17.4%, 96.9%

CMYK

17.4%, 0.0%, 15.4%, 3.1%

OKLCH

0.9358 0.0675 148.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF7D1

#F7CCF2

Analogous

#DCF7CC

#CCF7E6

#CCF7D1

Triadic

#CCF7D1

#D1CCF7

#F7D1CC

Split Complementary

#CCF7D1

#E6CCF7

#F7CCDC

Tetradic

#CCF7D1

#CCDCF7

#F7CCF2

#F7E6CC

Color Blindness Simulation

Original

#CCF7D1

Protanopia

#DFDFDA

Deuteranopia

#DCD9DC

Tritanopia

#CEE1E3

Achromatopsia

#EBEBEB

CSS Usage

background-color: #CCF7D1;
color: #CCF7D1;
border-color: #CCF7D1;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C1F5C7
300
#95EEA0
400
#5CE56C
500
#23DC38
600
#1CB02D
700
#168D24
800
#116E1C
900
#115018
950
#0B330F

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.79: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