#CCF4CF

#CCF4CF

Color Values

HEX

#CCF4CF

RGB

204, 244, 207

HSL

124.5, 64.5%, 87.8%

HSV

124.5, 16.4%, 95.7%

CMYK

16.4%, 0.0%, 15.2%, 4.3%

OKLCH

0.929 0.0647 147.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF4CF

#F4CCF1

Analogous

#DDF4CC

#CCF4E3

#CCF4CF

Triadic

#CCF4CF

#CFCCF4

#F4CFCC

Split Complementary

#CCF4CF

#E3CCF4

#F4CCDD

Tetradic

#CCF4CF

#CCDDF4

#F4CCF1

#F4E3CC

Color Blindness Simulation

Original

#CCF4CF

Protanopia

#DDDED8

Deuteranopia

#DBD8DA

Tritanopia

#CEDFE1

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C4F2C8
300
#9AE9A0
400
#64DE6D
500
#2DD23A
600
#24A82E
700
#1D8625
800
#17691D
900
#144D19
950
#0D3010

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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