#CCF8D1

#CCF8D1

Color Values

HEX

#CCF8D1

RGB

204, 248, 209

HSL

126.8, 75.9%, 88.6%

HSV

126.8, 17.7%, 97.3%

CMYK

17.7%, 0.0%, 15.7%, 2.7%

OKLCH

0.9379 0.0692 148.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF8D1

#F8CCF3

Analogous

#DDF8CC

#CCF8E7

#CCF8D1

Triadic

#CCF8D1

#D1CCF8

#F8D1CC

Split Complementary

#CCF8D1

#E7CCF8

#F8CCDD

Tetradic

#CCF8D1

#CCDDF8

#F8CCF3

#F8E7CC

Color Blindness Simulation

Original

#CCF8D1

Protanopia

#DFDFDA

Deuteranopia

#DCD9DD

Tritanopia

#CEE2E4

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E2F9E4
200
#C0F6C6
300
#93F09E
400
#59E869
500
#1FE035
600
#19B32A
700
#149022
800
#0F701A
900
#0F5217
950
#0A340E

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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