#82ACF0

#82ACF0

Color Values

HEX

#82ACF0

RGB

130, 172, 240

HSL

217.1, 78.6%, 72.5%

HSV

217.1, 45.8%, 94.1%

CMYK

45.8%, 28.3%, 0.0%, 5.9%

OKLCH

0.741 0.1092 259.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#82ACF0

#F0C682

Analogous

#82E3F0

#8F82F0

#82ACF0

Triadic

#82ACF0

#F082AC

#ACF082

Split Complementary

#82ACF0

#F08F82

#E3F082

Tetradic

#82ACF0

#F082E3

#F0C682

#82F08F

Color Blindness Simulation

Original

#82ACF0

Protanopia

#9495E0

Deuteranopia

#928FDC

Tritanopia

#84D3D0

Achromatopsia

#A8A8A8

CSS Usage

background-color: #82ACF0;
color: #82ACF0;
border-color: #82ACF0;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD5F7
300
#92B6F2
400
#568FEB
500
#1B68E4
600
#1653B6
700
#114292
800
#0E3472
900
#0E2853
950
#091934

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.11:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026