#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026