#76849E

#76849E

Color Values

HEX

#76849E

RGB

118, 132, 158

HSL

219.0, 17.1%, 54.1%

HSV

219.0, 25.3%, 62.0%

CMYK

25.3%, 16.5%, 0.0%, 38.0%

OKLCH

0.6113 0.0429 262.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#76849E

#9E9076

Analogous

#76989E

#7C769E

#76849E

Triadic

#76849E

#9E7684

#849E76

Split Complementary

#76849E

#9E7C76

#989E76

Tetradic

#76849E

#9E7698

#9E9076

#769E7C

Color Blindness Simulation

Original

#76849E

Protanopia

#7C7C98

Deuteranopia

#7B7A96

Tritanopia

#779392

Achromatopsia

#838383

CSS Usage

background-color: #76849E;
color: #76849E;
border-color: #76849E;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D5D9E1
300
#B7BFCC
400
#919CB1
500
#6A7995
600
#556177
700
#444D60
800
#353C4B
900
#292E38
950
#1A1D23

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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