#725672

#725672

Color Values

HEX

#725672

RGB

114, 86, 114

HSL

300.0, 14.0%, 39.2%

HSV

300.0, 24.6%, 44.7%

CMYK

0.0%, 24.6%, 0.0%, 55.3%

OKLCH

0.4921 0.0558 326.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#725672

#567256

Analogous

#645672

#725664

#725672

Triadic

#725672

#727256

#567272

Split Complementary

#725672

#647256

#567264

Tetradic

#725672

#726456

#567256

#566472

Color Blindness Simulation

Original

#725672

Protanopia

#66666B

Deuteranopia

#686A6A

Tritanopia

#716665

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#CAB9CA
400
#AE93AE
500
#916E91
600
#745874
700
#5D465D
800
#493749
900
#372A37
950
#221B22

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026