#7F83A2

#7F83A2

Color Values

HEX

#7F83A2

RGB

127, 131, 162

HSL

233.1, 15.8%, 56.7%

HSV

233.1, 21.6%, 63.5%

CMYK

21.6%, 19.1%, 0.0%, 36.5%

OKLCH

0.6178 0.047 279.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7F83A2

#A29E7F

Analogous

#7F95A2

#8D7FA2

#7F83A2

Triadic

#7F83A2

#A27F83

#83A27F

Split Complementary

#7F83A2

#A28D7F

#95A27F

Tetradic

#7F83A2

#A27F95

#A29E7F

#7FA28D

Color Blindness Simulation

Original

#7F83A2

Protanopia

#81819B

Deuteranopia

#808099

Tritanopia

#7F9593

Achromatopsia

#848484

CSS Usage

background-color: #7F83A2;
color: #7F83A2;
border-color: #7F83A2;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEBF0
200
#D6D7E1
300
#B8BACB
400
#9295B0
500
#6B7094
600
#565A76
700
#45485E
800
#36384A
900
#2A2B37
950
#1A1B23

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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