#B0E3FF

#B0E3FF

Color Values

HEX

#B0E3FF

RGB

176, 227, 255

HSL

201.3, 100.0%, 84.5%

HSV

201.3, 31.0%, 100.0%

CMYK

31.0%, 11.0%, 0.0%, 0.0%

OKLCH

0.8897 0.0652 232.4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B0E3FF

#FFCCB0

Analogous

#B0FFF4

#B0BBFF

#B0E3FF

Triadic

#B0E3FF

#FFB0E3

#E3FFB0

Split Complementary

#B0E3FF

#FFB0BB

#FFF4B0

Tetradic

#B0E3FF

#F4B0FF

#FFCCB0

#BBFFB0

Color Blindness Simulation

Original

#B0E3FF

Protanopia

#C6C7F8

Deuteranopia

#C3BFF7

Tritanopia

#B3F3F2

Achromatopsia

#DADADA

CSS Usage

background-color: #B0E3FF;
color: #B0E3FF;
border-color: #B0E3FF;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FE
100
#DEF2FC
200
#B8E6FF
300
#85D4FF
400
#42BCFF
500
#00A4FF
600
#0084CC
700
#0069A3
800
#005280
900
#053D5C
950
#03273A

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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