#7A496E

#7A496E

Color Values

HEX

#7A496E

RGB

122, 73, 110

HSL

314.7, 25.1%, 38.2%

HSV

314.7, 40.2%, 47.8%

CMYK

0.0%, 40.2%, 9.8%, 52.2%

OKLCH

0.4753 0.0844 336.4

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#7A496E

#497A55

Analogous

#6D497A

#7A4955

#7A496E

Triadic

#7A496E

#6E7A49

#496E7A

Split Complementary

#7A496E

#557A49

#497A6D

Tetradic

#7A496E

#7A6D49

#497A55

#49557A

Color Blindness Simulation

Original

#7A496E

Protanopia

#656465

Deuteranopia

#686B63

Tritanopia

#785E5C

Achromatopsia

#565656

CSS Usage

background-color: #7A496E;
color: #7A496E;
border-color: #7A496E;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D2E0
300
#D1B2CA
400
#B889AD
500
#A05F90
600
#804C73
700
#663D5C
800
#503048
900
#3B2636
950
#261822

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026