#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026