#CCF7CD

#CCF7CD

Color Values

HEX

#CCF7CD

RGB

204, 247, 205

HSL

121.4, 72.9%, 88.4%

HSV

121.4, 17.4%, 96.9%

CMYK

17.4%, 0.0%, 17.0%, 3.1%

OKLCH

0.9349 0.0716 145.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF7CD

#F7CCF6

Analogous

#E0F7CC

#CCF7E2

#CCF7CD

Triadic

#CCF7CD

#CDCCF7

#F7CDCC

Split Complementary

#CCF7CD

#E2CCF7

#F7CCE0

Tetradic

#CCF7CD

#CCE0F7

#F7CCF6

#F7E2CC

Color Blindness Simulation

Original

#CCF7CD

Protanopia

#DFDFD7

Deuteranopia

#DCD9DA

Tritanopia

#CEDFE1

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E3
200
#C1F5C2
300
#95EE97
400
#5CE55F
500
#23DC27
600
#1CB01F
700
#168D19
800
#116E13
900
#115012
950
#0B330B

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026