#CCFEC7

#CCFEC7

Color Values

HEX

#CCFEC7

RGB

204, 254, 199

HSL

114.5, 96.5%, 88.8%

HSV

114.5, 21.7%, 99.6%

CMYK

19.7%, 0.0%, 21.7%, 0.4%

OKLCH

0.9484 0.0891 142.5

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CCFEC7

#F9C7FE

Analogous

#E7FEC7

#C7FEDD

#CCFEC7

Triadic

#CCFEC7

#C7CCFE

#FEC7CC

Split Complementary

#CCFEC7

#DDC7FE

#FEC7E7

Tetradic

#CCFEC7

#C7E7FE

#F9C7FE

#FEDDC7

Color Blindness Simulation

Original

#CCFEC7

Protanopia

#E2E2D4

Deuteranopia

#DFDBD8

Tritanopia

#CEDFE1

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E1FCDF
200
#BFFEB9
300
#92FD87
400
#56FC46
500
#1BFB04
600
#16C804
700
#11A003
800
#0E7D02
900
#0E5B06
950
#093904

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026