#B6D4F3

#B6D4F3

Color Values

HEX

#B6D4F3

RGB

182, 212, 243

HSL

210.5, 71.8%, 83.3%

HSV

210.5, 25.1%, 95.3%

CMYK

25.1%, 12.8%, 0.0%, 4.7%

OKLCH

0.8581 0.0539 249.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B6D4F3

#F3D5B6

Analogous

#B6F2F3

#B6B6F3

#B6D4F3

Triadic

#B6D4F3

#F3B6D4

#D4F3B6

Split Complementary

#B6D4F3

#F3B6B6

#F2F3B6

Tetradic

#B6D4F3

#F3B6F2

#F3D5B6

#B6F3B6

Color Blindness Simulation

Original

#B6D4F3

Protanopia

#C3C3EC

Deuteranopia

#C1BFEA

Tritanopia

#B8E6E4

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C2DBF5
300
#96C1EE
400
#5DA0E4
500
#247EDB
600
#1D65AF
700
#17518C
800
#123F6E
900
#113050
950
#0B1E32

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.7:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026