#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

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