#922F85

#922F85

Color Values

HEX

#922F85

RGB

146, 47, 133

HSL

307.9, 51.3%, 37.8%

HSV

307.9, 67.8%, 57.3%

CMYK

0.0%, 67.8%, 8.9%, 42.7%

OKLCH

0.4834 0.1661 333.5

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#922F85

#2F923C

Analogous

#6D2F92

#922F53

#922F85

Triadic

#922F85

#85922F

#2F8592

Split Complementary

#922F85

#53922F

#2F926D

Tetradic

#922F85

#926D2F

#2F923C

#2F5392

Color Blindness Simulation

Original

#922F85

Protanopia

#676670

Deuteranopia

#6D746B

Tritanopia

#8D605C

Achromatopsia

#4A4A4A

CSS Usage

background-color: #922F85;
color: #922F85;
border-color: #922F85;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A2D9
400
#D170C4
500
#C13EB0
600
#9A328D
700
#7B2870
800
#601F58
900
#471A41
950
#2D1029

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

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