#747AA7

#747AA7

Color Values

HEX

#747AA7

RGB

116, 122, 167

HSL

232.9, 22.5%, 55.5%

HSV

232.9, 30.5%, 65.5%

CMYK

30.5%, 26.9%, 0.0%, 34.5%

OKLCH

0.592 0.0691 278.2

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#747AA7

#A7A174

Analogous

#7494A7

#8774A7

#747AA7

Triadic

#747AA7

#A7747A

#7AA774

Split Complementary

#747AA7

#A78774

#94A774

Tetradic

#747AA7

#A77494

#A7A174

#74A787

Color Blindness Simulation

Original

#747AA7

Protanopia

#77779C

Deuteranopia

#76769A

Tritanopia

#749492

Achromatopsia

#7C7C7C

CSS Usage

background-color: #747AA7;
color: #747AA7;
border-color: #747AA7;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEBF1
200
#D3D5E3
300
#B4B7D0
400
#8B90B6
500
#636A9C
600
#4F547D
700
#3F4464
800
#31354E
900
#27293A
950
#181A25

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026