#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026