#84ADED

#84ADED

Color Values

HEX

#84ADED

RGB

132, 173, 237

HSL

216.6, 74.5%, 72.4%

HSV

216.6, 44.3%, 92.9%

CMYK

44.3%, 27.0%, 0.0%, 7.1%

OKLCH

0.7429 0.1034 259.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#84ADED

#EDC484

Analogous

#84E2ED

#9084ED

#84ADED

Triadic

#84ADED

#ED84AD

#ADED84

Split Complementary

#84ADED

#ED9084

#E2ED84

Tetradic

#84ADED

#ED84E2

#EDC484

#84ED90

Color Blindness Simulation

Original

#84ADED

Protanopia

#9696DE

Deuteranopia

#9390DA

Tritanopia

#86D1CF

Achromatopsia

#A9A9A9

CSS Usage

background-color: #84ADED;
color: #84ADED;
border-color: #84ADED;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D5F6
300
#94B8EF
400
#5A91E7
500
#216BDE
600
#1A55B2
700
#15448E
800
#10356F
900
#102951
950
#0A1A33

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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