#82AFBC

#82AFBC

Color Values

HEX

#82AFBC

RGB

130, 175, 188

HSL

193.4, 30.2%, 62.4%

HSV

193.4, 30.9%, 73.7%

CMYK

30.9%, 6.9%, 0.0%, 26.3%

OKLCH

0.7262 0.0515 217.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#82AFBC

#BC8F82

Analogous

#82BCAC

#8292BC

#82AFBC

Triadic

#82AFBC

#BC82AF

#AFBC82

Split Complementary

#82AFBC

#BC8292

#BCAC82

Tetradic

#82AFBC

#AC82BC

#BC8F82

#92BC82

Color Blindness Simulation

Original

#82AFBC

Protanopia

#9596B9

Deuteranopia

#9390B8

Tritanopia

#84B6B6

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E1E6
300
#AFCCD4
400
#84B0BD
500
#5995A6
600
#477785
700
#395F6A
800
#2C4A53
900
#23383E
950
#162327

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026