#84B7F4

#84B7F4

Color Values

HEX

#84B7F4

RGB

132, 183, 244

HSL

212.7, 83.6%, 73.7%

HSV

212.7, 45.9%, 95.7%

CMYK

45.9%, 25.0%, 0.0%, 4.3%

OKLCH

0.7672 0.1034 253.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#84B7F4

#F4C184

Analogous

#84EFF4

#8984F4

#84B7F4

Triadic

#84B7F4

#F484B7

#B7F484

Split Complementary

#84B7F4

#F48984

#EFF484

Tetradic

#84B7F4

#F484EF

#F4C184

#84F489

Color Blindness Simulation

Original

#84B7F4

Protanopia

#9A9BE5

Deuteranopia

#9793E2

Tritanopia

#87DAD7

Achromatopsia

#B1B1B1

CSS Usage

background-color: #84B7F4;
color: #84B7F4;
border-color: #84B7F4;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9F9
300
#8FBDF5
400
#529AF0
500
#1576EA
600
#115EBB
700
#0D4B96
800
#0A3B75
900
#0C2D55
950
#081D36

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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