#CBF7F5

#CBF7F5

Color Values

HEX

#CBF7F5

RGB

203, 247, 245

HSL

177.3, 73.3%, 88.2%

HSV

177.3, 17.8%, 96.9%

CMYK

17.8%, 0.0%, 0.8%, 3.1%

OKLCH

0.9448 0.0451 193.0

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBF7F5

#F7CBCD

Analogous

#CBF7DF

#CBE3F7

#CBF7F5

Triadic

#CBF7F5

#F5CBF7

#F7F5CB

Split Complementary

#CBF7F5

#F7CBE3

#F7DFCB

Tetradic

#CBF7F5

#DFCBF7

#F7CBCD

#E3F7CB

Color Blindness Simulation

Original

#CBF7F5

Protanopia

#DEDEF5

Deuteranopia

#DCD8F6

Tritanopia

#CDF6F6

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F5F3
300
#95EFEB
400
#5BE6E0
500
#22DDD5
600
#1BB1AA
700
#168D88
800
#116E6A
900
#10504E
950
#0A3331

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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