#CEF7FC

#CEF7FC

Color Values

HEX

#CEF7FC

RGB

206, 247, 252

HSL

186.5, 88.5%, 89.8%

HSV

186.5, 18.3%, 98.8%

CMYK

18.3%, 2.0%, 0.0%, 1.2%

OKLCH

0.9488 0.0427 205.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CEF7FC

#FCD3CE

Analogous

#CEFCEA

#CEE0FC

#CEF7FC

Triadic

#CEF7FC

#FCCEF7

#F7FCCE

Split Complementary

#CEF7FC

#FCCEE0

#FCEACE

Tetradic

#CEF7FC

#EACEFC

#FCD3CE

#E0FCCE

Color Blindness Simulation

Original

#CEF7FC

Protanopia

#E0E0FB

Deuteranopia

#DDDAFA

Tritanopia

#D0FAFA

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF4FB
300
#8CECF8
400
#4DE2F4
500
#0FD8F0
600
#0CADC0
700
#098A9A
800
#076C78
900
#0A4F57
950
#063237

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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