#B8D3FD

#B8D3FD

Color Values

HEX

#B8D3FD

RGB

184, 211, 253

HSL

216.5, 94.5%, 85.7%

HSV

216.5, 27.3%, 99.2%

CMYK

27.3%, 16.6%, 0.0%, 0.8%

OKLCH

0.861 0.0655 259.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B8D3FD

#FDE2B8

Analogous

#B8F6FD

#C0B8FD

#B8D3FD

Triadic

#B8D3FD

#FDB8D3

#D3FDB8

Split Complementary

#B8D3FD

#FDC0B8

#F6FDB8

Tetradic

#B8D3FD

#FDB8F6

#FDE2B8

#B8FDC0

Color Blindness Simulation

Original

#B8D3FD

Protanopia

#C4C4F3

Deuteranopia

#C2C0F0

Tritanopia

#B9EBE9

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B5FC
400
#478DFA
500
#0765F8
600
#0651C6
700
#04419F
800
#04337C
900
#07285A
950
#051939

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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