#976EAF

#976EAF

Color Values

HEX

#976EAF

RGB

151, 110, 175

HSL

277.8, 28.9%, 55.9%

HSV

277.8, 37.1%, 68.6%

CMYK

13.7%, 37.1%, 0.0%, 31.4%

OKLCH

0.6042 0.1059 312.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#976EAF

#86AF6E

Analogous

#766EAF

#AF6EA7

#976EAF

Triadic

#976EAF

#AF976E

#6EAF97

Split Complementary

#976EAF

#A7AF6E

#6EAF76

Tetradic

#976EAF

#AF766E

#86AF6E

#6EA7AF

Color Blindness Simulation

Original

#976EAF

Protanopia

#85859F

Deuteranopia

#888B9C

Tritanopia

#959390

Achromatopsia

#7B7B7B

CSS Usage

background-color: #976EAF;
color: #976EAF;
border-color: #976EAF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C6B0D3
400
#A885BC
500
#895BA4
600
#6E4983
700
#583A69
800
#452D52
900
#34243D
950
#211727

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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