#84AADA

#84AADA

Color Values

HEX

#84AADA

RGB

132, 170, 218

HSL

213,5, 53,7%, 68,6%

HSV

213,5, 39,4%, 85,5%

CMYK

39,4%, 22,0%, 0,0%, 14,5%

OKLCH

0,7281 0,0816 254,6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#84AADA

#DAB484

Analogous

#84D5DA

#8984DA

#84AADA

Triadic

#84AADA

#DA84AA

#AADA84

Split Complementary

#84AADA

#DA8984

#D5DA84

Tetradic

#84AADA

#DA84D5

#DAB484

#84DA89

Color Blindness Simulation

Original

#84AADA

Protanopia

#9495CE

Deuteranopia

#928FCC

Tritanopia

#86C5C3

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D9EE
300
#A1BEE3
400
#6E9BD3
500
#3B78C4
600
#2F609D
700
#264C7D
800
#1E3C62
900
#192E48
950
#101D2D

Contrast Checker

Text on white

2,4:1

AA Fail AAA Fail

Text on black

8,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026