#76309C

#76309C

Color Values

HEX

#76309C

RGB

118, 48, 156

HSL

278,9, 52,9%, 40,0%

HSV

278,9, 69,2%, 61,2%

CMYK

24,4%, 69,2%, 0,0%, 38,8%

OKLCH

0,4587 0,1722 311,2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#76309C

#569C30

Analogous

#40309C

#9C308C

#76309C

Triadic

#76309C

#9C7630

#309C76

Split Complementary

#76309C

#8C9C30

#309C40

Tetradic

#76309C

#9C4030

#569C30

#308C9C

Color Blindness Simulation

Original

#76309C

Protanopia

#585782

Deuteranopia

#5C617C

Tritanopia

#726D69

Achromatopsia

#474747

CSS Usage

background-color: #76309C;
color: #76309C;
border-color: #76309C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#F0E5F5
200
#E1C8EE
300
#CBA1E2
400
#AF6FD3
500
#943CC3
600
#76309C
700
#5E267D
800
#4A1E61
900
#371948
950
#23102D

Contrast Checker

Text on white

7,86:1

AA Pass AAA Pass

Text on black

2,67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026