#CCF4B3

#CCF4B3

Color Values

HEX

#CCF4B3

RGB

204, 244, 179

HSL

96.9, 74.7%, 82.9%

HSV

96.9, 26.6%, 95.7%

CMYK

16.4%, 0.0%, 26.6%, 4.3%

OKLCH

0.9227 0.0952 133.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF4B3

#DBB3F4

Analogous

#ECF4B3

#B3F4BA

#CCF4B3

Triadic

#CCF4B3

#B3CCF4

#F4B3CC

Split Complementary

#CCF4B3

#BAB3F4

#F4B3EC

Tetradic

#CCF4B3

#B3ECF4

#DBB3F4

#F4BAB3

Color Blindness Simulation

Original

#CCF4B3

Protanopia

#DDDEC3

Deuteranopia

#DBD8C6

Tritanopia

#CECFD2

Achromatopsia

#E7E7E7

CSS Usage

background-color: #CCF4B3;
color: #CCF4B3;
border-color: #CCF4B3;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FCF2
100
#EBF8E2
200
#D5F6C1
300
#B7F094
400
#90E75A
500
#6ADF20
600
#54B21A
700
#448F15
800
#356F10
900
#295110
950
#1A330A

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026