#84A1C6

#84A1C6

Color Values

HEX

#84A1C6

RGB

132, 161, 198

HSL

213.6, 36.7%, 64.7%

HSV

213.6, 33.3%, 77.6%

CMYK

33.3%, 18.7%, 0.0%, 22.4%

OKLCH

0.7005 0.0635 254.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#84A1C6

#C6A984

Analogous

#84C2C6

#8884C6

#84A1C6

Triadic

#84A1C6

#C684A1

#A1C684

Split Complementary

#84A1C6

#C68884

#C2C684

Tetradic

#84A1C6

#C684C2

#C6A984

#84C688

Color Blindness Simulation

Original

#84A1C6

Protanopia

#9191BD

Deuteranopia

#8F8DBB

Tritanopia

#85B6B4

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CEDAE8
300
#ABBFD8
400
#7E9CC3
500
#517AAE
600
#41628B
700
#344E70
800
#283D57
900
#202F40
950
#141D29

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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