#82ADD7

#82ADD7

Color Values

HEX

#82ADD7

RGB

130, 173, 215

HSL

209.6, 51.5%, 67.6%

HSV

209.6, 39.5%, 84.3%

CMYK

39.5%, 19.5%, 0.0%, 15.7%

OKLCH

0.7321 0.0769 248.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#82ADD7

#D7AC82

Analogous

#82D7D6

#8282D7

#82ADD7

Triadic

#82ADD7

#D782AD

#ADD782

Split Complementary

#82ADD7

#D78282

#D7D682

Tetradic

#82ADD7

#D682D7

#D7AC82

#82D782

Color Blindness Simulation

Original

#82ADD7

Protanopia

#9595CD

Deuteranopia

#928FCA

Tritanopia

#84C5C3

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DCEE
300
#A2C2E1
400
#70A1D1
500
#3E80C1
600
#31679B
700
#28527C
800
#1F4061
900
#1A3147
950
#101F2D

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026