#CCF9BD

#CCF9BD

Color Values

HEX

#CCF9BD

RGB

204, 249, 189

HSL

105.0, 83.3%, 85.9%

HSV

105.0, 24.1%, 97.6%

CMYK

18.1%, 0.0%, 24.1%, 2.4%

OKLCH

0.9355 0.0919 138.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF9BD

#EABDF9

Analogous

#EAF9BD

#BDF9CC

#CCF9BD

Triadic

#CCF9BD

#BDCCF9

#F9BDCC

Split Complementary

#CCF9BD

#CCBDF9

#F9BDEA

Tetradic

#CCF9BD

#BDEAF9

#EABDF9

#F9CCBD

Color Blindness Simulation

Original

#CCF9BD

Protanopia

#DFE0CC

Deuteranopia

#DDDACF

Tritanopia

#CED7DA

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F5FDF2
100
#E7FAE1
200
#CCF9BE
300
#A8F58F
400
#79EF52
500
#4AEA15
600
#3CBB11
700
#30960E
800
#25750B
900
#1E550C
950
#133608

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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