#7E85AF

#7E85AF

Color Values

HEX

#7E85AF

RGB

126, 133, 175

HSL

231.4, 23.4%, 59.0%

HSV

231.4, 28.0%, 68.6%

CMYK

28.0%, 24.0%, 0.0%, 31.4%

OKLCH

0.6267 0.0638 277.0

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7E85AF

#AFA87E

Analogous

#7E9DAF

#8F7EAF

#7E85AF

Triadic

#7E85AF

#AF7E85

#85AF7E

Split Complementary

#7E85AF

#AF8F7E

#9DAF7E

Tetradic

#7E85AF

#AF7E9D

#AFA87E

#7EAF8F

Color Blindness Simulation

Original

#7E85AF

Protanopia

#8181A5

Deuteranopia

#8180A2

Tritanopia

#7E9D9B

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEBF1
200
#D3D5E4
300
#B3B8D0
400
#8B91B7
500
#626A9D
600
#4E557E
700
#3F4465
800
#31354F
900
#26293B
950
#181A25

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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