#CFFAED

#CFFAED

Color Values

HEX

#CFFAED

RGB

207, 250, 237

HSL

161.9, 81.1%, 89.6%

HSV

161.9, 17.2%, 98.0%

CMYK

17.2%, 0.0%, 5.2%, 2.0%

OKLCH

0.9513 0.0474 175.0

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFFAED

#FACFDC

Analogous

#CFFAD8

#CFF1FA

#CFFAED

Triadic

#CFFAED

#EDCFFA

#FAEDCF

Split Complementary

#CFFAED

#FACFF1

#FAD8CF

Tetradic

#CFFAED

#D8CFFA

#FACFDC

#F1FACF

Color Blindness Simulation

Original

#CFFAED

Protanopia

#E2E2F0

Deuteranopia

#DFDCF1

Tritanopia

#D1F3F3

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E1F9F2
200
#BEF8E7
300
#90F3D5
400
#54EDBF
500
#18E7A9
600
#13B987
700
#0F946C
800
#0C7354
900
#0D543E
950
#083527

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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