#8293A3

#8293A3

Color Values

HEX

#8293A3

RGB

130, 147, 163

HSL

209.1, 15.2%, 57.5%

HSV

209.1, 20.2%, 63.9%

CMYK

20.2%, 9.8%, 0.0%, 36.1%

OKLCH

0.6552 0.0309 246.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#8293A3

#A39282

Analogous

#82A3A3

#8283A3

#8293A3

Triadic

#8293A3

#A38293

#93A382

Split Complementary

#8293A3

#A38283

#A3A382

Tetradic

#8293A3

#A382A3

#A39282

#83A382

Color Blindness Simulation

Original

#8293A3

Protanopia

#898A9F

Deuteranopia

#88879E

Tritanopia

#839C9B

Achromatopsia

#919191

CSS Usage

background-color: #8293A3;
color: #8293A3;
border-color: #8293A3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE1
300
#B8C2CB
400
#92A1AF
500
#6C8093
600
#566676
700
#45525E
800
#364049
900
#2A3137
950
#1A1F23

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

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