#CFFAFC

#CFFAFC

Color Values

HEX

#CFFAFC

RGB

207, 250, 252

HSL

182.7, 88.2%, 90.0%

HSV

182.7, 17.9%, 98.8%

CMYK

17.9%, 0.8%, 0.0%, 1.2%

OKLCH

0.9557 0.0441 199.9

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFFAFC

#FCD1CF

Analogous

#CFFCE8

#CFE3FC

#CFFAFC

Triadic

#CFFAFC

#FCCFFA

#FAFCCF

Split Complementary

#CFFAFC

#FCCFE3

#FCE8CF

Tetradic

#CFFAFC

#E8CFFC

#FCD1CF

#E3FCCF

Color Blindness Simulation

Original

#CFFAFC

Protanopia

#E2E2FC

Deuteranopia

#DFDCFB

Tritanopia

#D1FBFB

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0F9FB
200
#BCF8FB
300
#8CF3F8
400
#4DECF4
500
#0FE6F0
600
#0CB8C0
700
#0A939A
800
#087378
900
#0A5357
950
#063537

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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