#7D8AAA

#7D8AAA

Color Values

HEX

#7D8AAA

RGB

125, 138, 170

HSL

222.7, 20.9%, 57.8%

HSV

222.7, 26.5%, 66.7%

CMYK

26.5%, 18.8%, 0.0%, 33.3%

OKLCH

0.6345 0.0506 267.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7D8AAA

#AA9D7D

Analogous

#7DA0AA

#867DAA

#7D8AAA

Triadic

#7D8AAA

#AA7D8A

#8AAA7D

Split Complementary

#7D8AAA

#AA867D

#A0AA7D

Tetradic

#7D8AAA

#AA7DA0

#AA9D7D

#7DAA86

Color Blindness Simulation

Original

#7D8AAA

Protanopia

#8383A2

Deuteranopia

#8281A0

Tritanopia

#7E9C9B

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E3
300
#B5BCCF
400
#8D98B4
500
#65749A
600
#515D7B
700
#414A63
800
#323A4D
900
#272D3A
950
#191C24

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026