#892D86

#892D86

Color Values

HEX

#892D86

RGB

137, 45, 134

HSL

302.0, 50.5%, 35.7%

HSV

302.0, 67.2%, 53.7%

CMYK

0.0%, 67.2%, 2.2%, 46.3%

OKLCH

0.4682 0.1643 329.2

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#892D86

#2D8930

Analogous

#5E2D89

#892D58

#892D86

Triadic

#892D86

#86892D

#2D8689

Split Complementary

#892D86

#58892D

#2D895E

Tetradic

#892D86

#895E2D

#2D8930

#2D5889

Color Blindness Simulation

Original

#892D86

Protanopia

#616070

Deuteranopia

#666D6B

Tritanopia

#845F5C

Achromatopsia

#474747

CSS Usage

background-color: #892D86;
color: #892D86;
border-color: #892D86;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EDC9EC
300
#E1A3DF
400
#D071CD
500
#C03FBC
600
#9A3296
700
#7B2878
800
#60205E
900
#461A45
950
#2D112C

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026