#82ADF9

#82ADF9

Color Values

HEX

#82ADF9

RGB

130, 173, 249

HSL

218.3, 90.8%, 74.3%

HSV

218.3, 47.8%, 97.6%

CMYK

47.8%, 30.5%, 0.0%, 2.4%

OKLCH

0.7473 0.12 261.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#82ADF9

#F9CE82

Analogous

#82E9F9

#9282F9

#82ADF9

Triadic

#82ADF9

#F982AD

#ADF982

Split Complementary

#82ADF9

#F99282

#E9F982

Tetradic

#82ADF9

#F982E9

#F9CE82

#82F992

Color Blindness Simulation

Original

#82ADF9

Protanopia

#9595E7

Deuteranopia

#928FE2

Tritanopia

#84D8D5

Achromatopsia

#A9A9A9

CSS Usage

background-color: #82ADF9;
color: #82ADF9;
border-color: #82ADF9;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BBD2FC
300
#8AB2F9
400
#4B89F6
500
#0C5FF3
600
#094CC3
700
#083D9C
800
#06307A
900
#092558
950
#061838

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.29:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026