#CCFFC7

#CCFFC7

Color Values

HEX

#CCFFC7

RGB

204, 255, 199

HSL

114.6, 100.0%, 89.0%

HSV

114.6, 22.0%, 100.0%

CMYK

20.0%, 0.0%, 22.0%, 0.0%

OKLCH

0.9506 0.0907 142.5

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CCFFC7

#FAC7FF

Analogous

#E8FFC7

#C7FFDE

#CCFFC7

Triadic

#CCFFC7

#C7CCFF

#FFC7CC

Split Complementary

#CCFFC7

#DEC7FF

#FFC7E8

Tetradic

#CCFFC7

#C7E8FF

#FAC7FF

#FFDEC7

Color Blindness Simulation

Original

#CCFFC7

Protanopia

#E2E3D5

Deuteranopia

#DFDBD8

Tritanopia

#CFDFE2

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E1FCDE
200
#BEFFB8
300
#90FF85
400
#53FF42
500
#17FF00
600
#12CC00
700
#0FA300
800
#0B8000
900
#0D5C05
950
#083A03

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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