#8A5366

#8A5366

Color Values

HEX

#8A5366

RGB

138, 83, 102

HSL

339.3, 24.9%, 43.3%

HSV

339.3, 39.9%, 54.1%

CMYK

0.0%, 39.9%, 26.1%, 45.9%

OKLCH

0.5106 0.0772 358.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#8A5366

#538A77

Analogous

#8A5381

#8A5B53

#8A5366

Triadic

#8A5366

#668A53

#53668A

Split Complementary

#8A5366

#538A5B

#53818A

Tetradic

#8A5366

#818A53

#538A77

#5B538A

Color Blindness Simulation

Original

#8A5366

Protanopia

#727261

Deuteranopia

#757A60

Tritanopia

#875E5D

Achromatopsia

#606060

CSS Usage

background-color: #8A5366;
color: #8A5366;
border-color: #8A5366;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E4D2D9
300
#D1B3BD
400
#B88999
500
#9F6076
600
#7F4D5E
700
#663D4B
800
#50303B
900
#3B262D
950
#25181C

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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