#CCF1EC

#CCF1EC

Color Values

HEX

#CCF1EC

RGB

204, 241, 236

HSL

171.9, 56.9%, 87.3%

HSV

171.9, 15.4%, 94.5%

CMYK

15.4%, 0.0%, 2.1%, 5.5%

OKLCH

0.9304 0.0389 186.6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCF1EC

#F1CCD1

Analogous

#CCF1DA

#CCE4F1

#CCF1EC

Triadic

#CCF1EC

#ECCCF1

#F1ECCC

Split Complementary

#CCF1EC

#F1CCE4

#F1DACC

Tetradic

#CCF1EC

#DACCF1

#F1CCD1

#E4F1CC

Color Blindness Simulation

Original

#CCF1EC

Protanopia

#DCDCED

Deuteranopia

#DAD7EE

Tritanopia

#CEEEEE

Achromatopsia

#E9E9E9

CSS Usage

background-color: #CCF1EC;
color: #CCF1EC;
border-color: #CCF1EC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FBFA
100
#E5F6F3
200
#C7F0EA
300
#9FE5DB
400
#6BD6C8
500
#37C8B4
600
#2CA090
700
#238073
800
#1B645A
900
#184943
950
#0F2E2A

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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