#84A3BB

#84A3BB

Color Values

HEX

#84A3BB

RGB

132, 163, 187

HSL

206.2, 28.8%, 62.5%

HSV

206.2, 29.4%, 73.3%

CMYK

29.4%, 12.8%, 0.0%, 26.7%

OKLCH

0.7005 0.0493 241.7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#84A3BB

#BB9C84

Analogous

#84BBB7

#8487BB

#84A3BB

Triadic

#84A3BB

#BB84A3

#A3BB84

Split Complementary

#84A3BB

#BB8487

#BBB784

Tetradic

#84A3BB

#B784BB

#BB9C84

#87BB84

Color Blindness Simulation

Original

#84A3BB

Protanopia

#9192B5

Deuteranopia

#908DB4

Tritanopia

#86B1B0

Achromatopsia

#9E9E9E

CSS Usage

background-color: #84A3BB;
color: #84A3BB;
border-color: #84A3BB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DDE6
300
#B0C4D3
400
#85A4BC
500
#5B84A4
600
#496A83
700
#3A5569
800
#2D4252
900
#24323D
950
#172027

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.94:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026