#82ADD4

#82ADD4

Color Values

HEX

#82ADD4

RGB

130, 173, 212

HSL

208.5, 48.8%, 67.1%

HSV

208.5, 38.7%, 83.1%

CMYK

38.7%, 18.4%, 0.0%, 16.9%

OKLCH

0.7309 0.0734 246.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#82ADD4

#D4A982

Analogous

#82D4D2

#8284D4

#82ADD4

Triadic

#82ADD4

#D482AD

#ADD482

Split Complementary

#82ADD4

#D48284

#D4D282

Tetradic

#82ADD4

#D282D4

#D4A982

#84D482

Color Blindness Simulation

Original

#82ADD4

Protanopia

#9595CB

Deuteranopia

#928FC8

Tritanopia

#84C3C1

Achromatopsia

#A7A7A7

CSS Usage

background-color: #82ADD4;
color: #82ADD4;
border-color: #82ADD4;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADCED
300
#A4C3E0
400
#73A3CF
500
#4183BE
600
#346898
700
#2A5479
800
#21415F
900
#1B3246
950
#111F2C

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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