#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