#CBF7FB

#CBF7FB

Color Values

HEX

#CBF7FB

RGB

203, 247, 251

HSL

185.0, 85.7%, 89.0%

HSV

185.0, 19.1%, 98.4%

CMYK

19.1%, 1.6%, 0.0%, 1.6%

OKLCH

0.9466 0.0454 203.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBF7FB

#FBCFCB

Analogous

#CBFBE7

#CBDFFB

#CBF7FB

Triadic

#CBF7FB

#FBCBF7

#F7FBCB

Split Complementary

#CBF7FB

#FBCBDF

#FBE7CB

Tetradic

#CBF7FB

#E7CBFB

#FBCFCB

#DFFBCB

Color Blindness Simulation

Original

#CBF7FB

Protanopia

#DEDEFA

Deuteranopia

#DCD8FA

Tritanopia

#CDF9F9

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF5FA
300
#8DEEF6
400
#50E4F2
500
#12DBED
600
#0FAFBD
700
#0C8C98
800
#096D76
900
#0B5056
950
#073236

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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