#B4C8EB

#B4C8EB

Color Values

HEX

#B4C8EB

RGB

180, 200, 235

HSL

218.2, 57.9%, 81.4%

HSV

218.2, 23.4%, 92.2%

CMYK

23.4%, 14.9%, 0.0%, 7.8%

OKLCH

0.8293 0.054 261.6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B4C8EB

#EBD7B4

Analogous

#B4E4EB

#BCB4EB

#B4C8EB

Triadic

#B4C8EB

#EBB4C8

#C8EBB4

Split Complementary

#B4C8EB

#EBBCB4

#E4EBB4

Tetradic

#B4C8EB

#EBB4E4

#EBD7B4

#B4EBBC

Color Blindness Simulation

Original

#B4C8EB

Protanopia

#BDBDE3

Deuteranopia

#BCBAE0

Tritanopia

#B5DCDA

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C7D6F0
300
#9EB8E5
400
#6A92D7
500
#366BC9
600
#2B56A1
700
#224581
800
#1B3665
900
#172A4A
950
#0F1A2F

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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