#82AFD9

#82AFD9

Color Values

HEX

#82AFD9

RGB

130, 175, 217

HSL

209.0, 53.4%, 68.0%

HSV

209.0, 40.1%, 85.1%

CMYK

40.1%, 19.4%, 0.0%, 14.9%

OKLCH

0.7373 0.078 247.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#82AFD9

#D9AC82

Analogous

#82D9D8

#8283D9

#82AFD9

Triadic

#82AFD9

#D982AF

#AFD982

Split Complementary

#82AFD9

#D98283

#D9D882

Tetradic

#82AFD9

#D882D9

#D9AC82

#83D982

Color Blindness Simulation

Original

#82AFD9

Protanopia

#9596CF

Deuteranopia

#9390CC

Tritanopia

#84C7C5

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DCEE
300
#A1C3E2
400
#6EA2D3
500
#3B82C4
600
#30689C
700
#26537D
800
#1E4162
900
#193148
950
#101F2D

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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