#CFF8FC

#CFF8FC

Color Values

HEX

#CFF8FC

RGB

207, 248, 252

HSL

185.3, 88.2%, 90.0%

HSV

185.3, 17.9%, 98.8%

CMYK

17.9%, 1.6%, 0.0%, 1.2%

OKLCH

0.9515 0.0424 203.7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFF8FC

#FCD3CF

Analogous

#CFFCE9

#CFE2FC

#CFF8FC

Triadic

#CFF8FC

#FCCFF8

#F8FCCF

Split Complementary

#CFF8FC

#FCCFE2

#FCE9CF

Tetradic

#CFF8FC

#E9CFFC

#FCD3CF

#E2FCCF

Color Blindness Simulation

Original

#CFF8FC

Protanopia

#E1E1FB

Deuteranopia

#DEDBFB

Tritanopia

#D1FAFA

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF5FB
300
#8CEEF8
400
#4DE5F4
500
#0FDCF0
600
#0CB0C0
700
#0A8D9A
800
#086E78
900
#0A5057
950
#063337

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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