#A40F95

#A40F95

Color Values

HEX

#A40F95

RGB

164, 15, 149

HSL

306.0, 83.2%, 35.1%

HSV

306.0, 90.9%, 64.3%

CMYK

0.0%, 90.9%, 9.1%, 35.7%

OKLCH

0.4994 0.216 333.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A40F95

#0FA41E

Analogous

#680FA4

#A40F4B

#A40F95

Triadic

#A40F95

#95A40F

#0F95A4

Split Complementary

#A40F95

#4BA40F

#0FA468

Tetradic

#A40F95

#A4680F

#0FA41E

#0F4BA4

Color Blindness Simulation

Original

#A40F95

Protanopia

#636275

Deuteranopia

#6C776D

Tritanopia

#9D5B55

Achromatopsia

#383838

CSS Usage

background-color: #A40F95;
color: #A40F95;
border-color: #A40F95;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FC
100
#FAE1F7
200
#F9BEF3
300
#F58FEB
400
#EF52DF
500
#EA15D4
600
#BB11AA
700
#950E88
800
#750B6A
900
#550C4D
950
#360831

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

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