#CCF3D8

#CCF3D8

Color Values

HEX

#CCF3D8

RGB

204, 243, 216

HSL

138.5, 61.9%, 87.6%

HSV

138.5, 16.0%, 95.3%

CMYK

16.0%, 0.0%, 11.1%, 4.7%

OKLCH

0.9291 0.0544 155.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CCF3D8

#F3CCE7

Analogous

#D3F3CC

#CCF3EB

#CCF3D8

Triadic

#CCF3D8

#D8CCF3

#F3D8CC

Split Complementary

#CCF3D8

#EBCCF3

#F3CCD3

Tetradic

#CCF3D8

#CCD3F3

#F3CCE7

#F3EBCC

Color Blindness Simulation

Original

#CCF3D8

Protanopia

#DDDDDF

Deuteranopia

#DBD8E0

Tritanopia

#CEE4E5

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FBF6
100
#E4F7EA
200
#C5F1D3
300
#9CE8B3
400
#66DB8A
500
#31CE61
600
#27A54E
700
#1F843E
800
#186731
900
#154B26
950
#0E3018

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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