#84A2D3

#84A2D3

Color Values

HEX

#84A2D3

RGB

132, 162, 211

HSL

217.2, 47.3%, 67.3%

HSV

217.2, 37.4%, 82.7%

CMYK

37.4%, 23.2%, 0.0%, 17.3%

OKLCH

0.7081 0.0796 260.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#84A2D3

#D3B584

Analogous

#84CAD3

#8E84D3

#84A2D3

Triadic

#84A2D3

#D384A2

#A2D384

Split Complementary

#84A2D3

#D38E84

#CAD384

Tetradic

#84A2D3

#D384CA

#D3B584

#84D38E

Color Blindness Simulation

Original

#84A2D3

Protanopia

#9191C7

Deuteranopia

#8F8DC4

Tritanopia

#86BEBC

Achromatopsia

#9F9F9F

CSS Usage

background-color: #84A2D3;
color: #84A2D3;
border-color: #84A2D3;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A5BBDF
400
#7496CD
500
#4371BC
600
#365A96
700
#2B4878
800
#22395E
900
#1C2B45
950
#121B2C

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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