#CFF4EA

#CFF4EA

Color Values

HEX

#CFF4EA

RGB

207, 244, 234

HSL

163.8, 62.7%, 88.4%

HSV

163.8, 15.2%, 95.7%

CMYK

15.2%, 0.0%, 4.1%, 4.3%

OKLCH

0.938 0.0406 177.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CFF4EA

#F4CFD9

Analogous

#CFF4D7

#CFEBF4

#CFF4EA

Triadic

#CFF4EA

#EACFF4

#F4EACF

Split Complementary

#CFF4EA

#F4CFEB

#F4D7CF

Tetradic

#CFF4EA

#D7CFF4

#F4CFD9

#EBF4CF

Color Blindness Simulation

Original

#CFF4EA

Protanopia

#DFDFEC

Deuteranopia

#DDDAED

Tritanopia

#D1EEEF

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F2
200
#C5F2E6
300
#9BE8D3
400
#65DCBC
500
#30CFA4
600
#26A683
700
#1E8569
800
#186852
900
#154C3D
950
#0D3027

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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