#82A3EF

#82A3EF

Color Values

HEX

#82A3EF

RGB

130, 163, 239

HSL

221.8, 77.3%, 72.4%

HSV

221.8, 45.6%, 93.7%

CMYK

45.6%, 31.8%, 0.0%, 6.3%

OKLCH

0.7218 0.1173 265.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#82A3EF

#EFCE82

Analogous

#82DAEF

#9882EF

#82A3EF

Triadic

#82A3EF

#EF82A3

#A3EF82

Split Complementary

#82A3EF

#EF9882

#DAEF82

Tetradic

#82A3EF

#EF82DA

#EFCE82

#82EF98

Color Blindness Simulation

Original

#82A3EF

Protanopia

#9091DD

Deuteranopia

#8E8CD8

Tritanopia

#84CECB

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E9F9
200
#C0D0F7
300
#92AFF1
400
#5884EA
500
#1D59E2
600
#1747B5
700
#133991
800
#0E2C71
900
#0F2352
950
#091634

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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