#84BAE9

#84BAE9

Color Values

HEX

#84BAE9

RGB

132, 186, 233

HSL

207.9, 69.7%, 71.6%

HSV

207.9, 43.3%, 91.4%

CMYK

43.3%, 20.2%, 0.0%, 8.6%

OKLCH

0.7689 0.0883 245.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#84BAE9

#E9B384

Analogous

#84E9E6

#8488E9

#84BAE9

Triadic

#84BAE9

#E984BA

#BAE984

Split Complementary

#84BAE9

#E98488

#E9E684

Tetradic

#84BAE9

#E684E9

#E9B384

#88E984

Color Blindness Simulation

Original

#84BAE9

Protanopia

#9B9CDE

Deuteranopia

#9894DB

Tritanopia

#87D5D3

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C2DDF4
300
#97C5EC
400
#5FA5E2
500
#2786D8
600
#1F6BAD
700
#19568A
800
#13436C
900
#12334F
950
#0B2032

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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