#7B91AA

#7B91AA

Color Values

HEX

#7B91AA

RGB

123, 145, 170

HSL

211.9, 21.7%, 57.5%

HSV

211.9, 27.6%, 66.7%

CMYK

27.6%, 14.7%, 0.0%, 33.3%

OKLCH

0.6483 0.0452 251.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7B91AA

#AA947B

Analogous

#7BA9AA

#7D7BAA

#7B91AA

Triadic

#7B91AA

#AA7B91

#91AA7B

Split Complementary

#7B91AA

#AA7D7B

#A9AA7B

Tetradic

#7B91AA

#AA7BA9

#AA947B

#7BAA7D

Color Blindness Simulation

Original

#7B91AA

Protanopia

#8585A4

Deuteranopia

#8382A2

Tritanopia

#7C9F9E

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7B91AA;
color: #7B91AA;
border-color: #7B91AA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE3
300
#B5C1CF
400
#8C9FB5
500
#647E9B
600
#50657C
700
#405063
800
#323F4E
900
#27303A
950
#191E25

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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