#84A3C9

#84A3C9

Color Values

HEX

#84A3C9

RGB

132, 163, 201

HSL

213.0, 39.0%, 65.3%

HSV

213.0, 34.3%, 78.8%

CMYK

34.3%, 18.9%, 0.0%, 21.2%

OKLCH

0.706 0.0657 253.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#84A3C9

#C9AA84

Analogous

#84C6C9

#8784C9

#84A3C9

Triadic

#84A3C9

#C984A3

#A3C984

Split Complementary

#84A3C9

#C98784

#C6C984

Tetradic

#84A3C9

#C984C6

#C9AA84

#84C987

Color Blindness Simulation

Original

#84A3C9

Protanopia

#9192C0

Deuteranopia

#908DBE

Tritanopia

#86B9B7

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAE9
300
#AABFDA
400
#7C9DC5
500
#4E7BB1
600
#3E628E
700
#324E71
800
#273D59
900
#1F2F41
950
#141E29

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.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