#CFFCF9

#CFFCF9

Color Values

HEX

#CFFCF9

RGB

207, 252, 249

HSL

176.0, 88.2%, 90.0%

HSV

176.0, 17.9%, 98.8%

CMYK

17.9%, 0.0%, 1.2%, 1.2%

OKLCH

0.9589 0.0461 191.4

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFFCF9

#FCCFD2

Analogous

#CFFCE3

#CFE8FC

#CFFCF9

Triadic

#CFFCF9

#F9CFFC

#FCF9CF

Split Complementary

#CFFCF9

#FCCFE8

#FCE3CF

Tetradic

#CFFCF9

#E3CFFC

#FCCFD2

#E8FCCF

Color Blindness Simulation

Original

#CFFCF9

Protanopia

#E2E3FA

Deuteranopia

#E0DCFA

Tritanopia

#D1FAFA

Achromatopsia

#F2F2F2

CSS Usage

background-color: #CFFCF9;
color: #CFFCF9;
border-color: #CFFCF9;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FDFC
100
#E0FBF9
200
#BCFBF7
300
#8CF8F1
400
#4DF4E9
500
#0FF0E1
600
#0CC0B4
700
#0A9A90
800
#087870
900
#0A5752
950
#063734

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026