#CCFFC8

#CCFFC8

Color Values

HEX

#CCFFC8

RGB

204, 255, 200

HSL

115,6, 100,0%, 89,2%

HSV

115,6, 21,6%, 100,0%

CMYK

20,0%, 0,0%, 21,6%, 0,0%

OKLCH

0,9508 0,0897 143,0

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CCFFC8

#FBC8FF

Analogous

#E7FFC8

#C8FFDF

#CCFFC8

Triadic

#CCFFC8

#C8CCFF

#FFC8CC

Split Complementary

#CCFFC8

#DFC8FF

#FFC8E7

Tetradic

#CCFFC8

#C8E7FF

#FBC8FF

#FFDFC8

Color Blindness Simulation

Original

#CCFFC8

Protanopia

#E2E3D5

Deuteranopia

#DFDBD8

Tritanopia

#CFE0E2

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDE
200
#BDFFB8
300
#8EFF85
400
#50FF42
500
#13FF00
600
#0FCC00
700
#0CA300
800
#098000
900
#0B5C05
950
#073A03

Contrast Checker

Text on white

1,12:1

AA Fail AAA Fail

Text on black

18,71: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