#CCFBED

#CCFBED

Color Values

HEX

#CCFBED

RGB

204, 251, 237

HSL

162.1, 85.5%, 89.2%

HSV

162.1, 18.7%, 98.4%

CMYK

18.7%, 0.0%, 5.6%, 1.6%

OKLCH

0.9515 0.0516 175.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#CCFBED

#FBCCDA

Analogous

#CCFBD5

#CCF2FB

#CCFBED

Triadic

#CCFBED

#EDCCFB

#FBEDCC

Split Complementary

#CCFBED

#FBCCF2

#FBD5CC

Tetradic

#CCFBED

#D5CCFB

#FBCCDA

#F2FBCC

Color Blindness Simulation

Original

#CCFBED

Protanopia

#E0E1F0

Deuteranopia

#DEDAF1

Tritanopia

#CEF3F4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FAF2
200
#BDFAE8
300
#8DF6D7
400
#50F1C1
500
#12EDAB
600
#0FBD89
700
#0C976E
800
#097656
900
#0B563F
950
#073628

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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