#B0CFED

#B0CFED

Color Values

HEX

#B0CFED

RGB

176, 207, 237

HSL

209,5, 62,9%, 81,0%

HSV

209,5, 25,7%, 92,9%

CMYK

25,7%, 12,7%, 0,0%, 7,1%

OKLCH

0,8417 0,0537 247,6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B0CFED

#EDCEB0

Analogous

#B0EDED

#B0B1ED

#B0CFED

Triadic

#B0CFED

#EDB0CF

#CFEDB0

Split Complementary

#B0CFED

#EDB0B1

#EDEDB0

Tetradic

#B0CFED

#EDB0ED

#EDCEB0

#B1EDB0

Color Blindness Simulation

Original

#B0CFED

Protanopia

#BDBEE6

Deuteranopia

#BCB9E4

Tritanopia

#B2E0DF

Achromatopsia

#CBCBCB

CSS Usage

background-color: #B0CFED;
color: #B0CFED;
border-color: #B0CFED;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F7FB
100
#E4EDF7
200
#C5DCF2
300
#9BC2E8
400
#65A2DC
500
#2F81D0
600
#2667A6
700
#1E5285
800
#184068
900
#15314C
950
#0D1F30

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,99:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026