#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

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