#CCFBE5

#CCFBE5

Color Values

HEX

#CCFBE5

RGB

204, 251, 229

HSL

151.9, 85.5%, 89.2%

HSV

151.9, 18.7%, 98.4%

CMYK

18.7%, 0.0%, 8.8%, 1.6%

OKLCH

0.9494 0.0564 165.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CCFBE5

#FBCCE2

Analogous

#CCFBCD

#CCFAFB

#CCFBE5

Triadic

#CCFBE5

#E5CCFB

#FBE5CC

Split Complementary

#CCFBE5

#FBCCFA

#FBCDCC

Tetradic

#CCFBE5

#CDCCFB

#FBCCE2

#FAFBCC

Color Blindness Simulation

Original

#CCFBE5

Protanopia

#E0E1EA

Deuteranopia

#DEDAEC

Tritanopia

#CEEFEF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADD
300
#8DF6C5
400
#50F1A6
500
#12ED86
600
#0FBD6C
700
#0C9756
800
#097643
900
#0B5633
950
#073620

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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