#CCF9DB

#CCF9DB

Color Values

HEX

#CCF9DB

RGB

204, 249, 219

HSL

140,0, 78,9%, 88,8%

HSV

140,0, 18,1%, 97,6%

CMYK

18,1%, 0,0%, 12,0%, 2,4%

OKLCH

0,9425 0,0613 155,9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CCF9DB

#F9CCEA

Analogous

#D3F9CC

#CCF9F1

#CCF9DB

Triadic

#CCF9DB

#DBCCF9

#F9DBCC

Split Complementary

#CCF9DB

#F1CCF9

#F9CCD3

Tetradic

#CCF9DB

#CCD3F9

#F9CCEA

#F9F1CC

Color Blindness Simulation

Original

#CCF9DB

Protanopia

#DFE0E2

Deuteranopia

#DDDAE4

Tritanopia

#CEE8E9

Achromatopsia

#EDEDED

CSS Usage

background-color: #CCF9DB;
color: #CCF9DB;
border-color: #CCF9DB;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FCF6
100
#E1F9E9
200
#BFF7D2
300
#92F2B2
400
#56EB88
500
#1BE45E
600
#16B64B
700
#11923C
800
#0D722F
900
#0E5325
950
#093417

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026