#84A0B4

#84A0B4

Color Values

HEX

#84A0B4

RGB

132, 160, 180

HSL

205.0, 24.2%, 61.2%

HSV

205.0, 26.7%, 70.6%

CMYK

26.7%, 11.1%, 0.0%, 29.4%

OKLCH

0.6914 0.043 239.3

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#84A0B4

#B49884

Analogous

#84B4B0

#8488B4

#84A0B4

Triadic

#84A0B4

#B484A0

#A0B484

Split Complementary

#84A0B4

#B48488

#B4B084

Tetradic

#84A0B4

#B084B4

#B49884

#88B484

Color Blindness Simulation

Original

#84A0B4

Protanopia

#9090AF

Deuteranopia

#8E8CAE

Tritanopia

#85ABAA

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D3DDE4
300
#B3C4D1
400
#8AA4B7
500
#61859E
600
#4D6A7F
700
#3E5565
800
#30424F
900
#26323B
950
#182025

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026