#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026