#B0CFFE

#B0CFFE

Color Values

HEX

#B0CFFE

RGB

176, 207, 254

HSL

216.2, 97.5%, 84.3%

HSV

216.2, 30.7%, 99.6%

CMYK

30.7%, 18.5%, 0.0%, 0.4%

OKLCH

0.848 0.074 258.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B0CFFE

#FEDFB0

Analogous

#B0F6FE

#B8B0FE

#B0CFFE

Triadic

#B0CFFE

#FEB0CF

#CFFEB0

Split Complementary

#B0CFFE

#FEB8B0

#F6FEB0

Tetradic

#B0CFFE

#FEB0F6

#FEDFB0

#B0FEB8

Color Blindness Simulation

Original

#B0CFFE

Protanopia

#BDBEF3

Deuteranopia

#BCB9F0

Tritanopia

#B2EAE8

Achromatopsia

#CCCCCC

CSS Usage

background-color: #B0CFFE;
color: #B0CFFE;
border-color: #B0CFFE;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D4FE
300
#86B5FD
400
#458EFD
500
#0366FC
600
#0351C9
700
#0241A1
800
#02337E
900
#06285B
950
#041939

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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