#82A5CE

#82A5CE

Color Values

HEX

#82A5CE

RGB

130, 165, 206

HSL

212.4, 43.7%, 65.9%

HSV

212.4, 36.9%, 80.8%

CMYK

36.9%, 19.9%, 0.0%, 19.2%

OKLCH

0.7111 0.0716 252.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#82A5CE

#CEAB82

Analogous

#82CBCE

#8582CE

#82A5CE

Triadic

#82A5CE

#CE82A5

#A5CE82

Split Complementary

#82A5CE

#CE8582

#CBCE82

Tetradic

#82A5CE

#CE82CB

#CEAB82

#82CE85

Color Blindness Simulation

Original

#82A5CE

Protanopia

#9191C4

Deuteranopia

#8F8CC2

Tritanopia

#84BCBB

Achromatopsia

#A1A1A1

CSS Usage

background-color: #82A5CE;
color: #82A5CE;
border-color: #82A5CE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDAEB
300
#A7C0DD
400
#779DCA
500
#487BB7
600
#396293
700
#2E4F75
800
#243E5C
900
#1D2F44
950
#131E2B

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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