#84A2C6

#84A2C6

Color Values

HEX

#84A2C6

RGB

132, 162, 198

HSL

212.7, 36.7%, 64.7%

HSV

212.7, 33.3%, 77.6%

CMYK

33.3%, 18.2%, 0.0%, 22.4%

OKLCH

0.7026 0.0627 253.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#84A2C6

#C6A884

Analogous

#84C3C6

#8784C6

#84A2C6

Triadic

#84A2C6

#C684A2

#A2C684

Split Complementary

#84A2C6

#C68784

#C3C684

Tetradic

#84A2C6

#C684C3

#C6A884

#84C687

Color Blindness Simulation

Original

#84A2C6

Protanopia

#9191BD

Deuteranopia

#8F8DBB

Tritanopia

#86B6B5

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDAE8
300
#ABC0D8
400
#7E9EC3
500
#517BAE
600
#41638B
700
#344F70
800
#283E57
900
#202F40
950
#141E29

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026