#CBF7FD

#CBF7FD

Color Values

HEX

#CBF7FD

RGB

203, 247, 253

HSL

187,2, 92,6%, 89,4%

HSV

187,2, 19,8%, 99,2%

CMYK

19,8%, 2,4%, 0,0%, 0,8%

OKLCH

0,9472 0,0458 206,6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CBF7FD

#FDD1CB

Analogous

#CBFDEA

#CBDEFD

#CBF7FD

Triadic

#CBF7FD

#FDCBF7

#F7FDCB

Split Complementary

#CBF7FD

#FDCBDE

#FDEACB

Tetradic

#CBF7FD

#EACBFD

#FDD1CB

#DEFDCB

Color Blindness Simulation

Original

#CBF7FD

Protanopia

#DEDEFC

Deuteranopia

#DCD8FB

Tritanopia

#CDFAFA

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF4FC
300
#89EDFA
400
#49E3F8
500
#09D9F6
600
#08AEC4
700
#068B9D
800
#056D7B
900
#084F59
950
#053238

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,26: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