#CCF7CC

#CCF7CC

Color Values

HEX

#CCF7CC

RGB

204, 247, 204

HSL

120.0, 72.9%, 88.4%

HSV

120.0, 17.4%, 96.9%

CMYK

17.4%, 0.0%, 17.4%, 3.1%

OKLCH

0.9346 0.0726 145.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF7CC

#F7CCF7

Analogous

#E1F7CC

#CCF7E1

#CCF7CC

Triadic

#CCF7CC

#CCCCF7

#F7CCCC

Split Complementary

#CCF7CC

#E1CCF7

#F7CCE1

Tetradic

#CCF7CC

#CCE1F7

#F7CCF7

#F7E1CC

Color Blindness Simulation

Original

#CCF7CC

Protanopia

#DFDFD6

Deuteranopia

#DCD9D9

Tritanopia

#CEDFE0

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C1F5C1
300
#95EE95
400
#5CE55C
500
#23DC23
600
#1CB01C
700
#168D16
800
#116E11
900
#115011
950
#0B330B

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026