#A30658

#A30658

Color Values

HEX

#A30658

RGB

163, 6, 88

HSL

328.7, 92.9%, 33.1%

HSV

328.7, 96.3%, 63.9%

CMYK

0.0%, 96.3%, 46.0%, 36.1%

OKLCH

0.4664 0.1865 358.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#A30658

#06A351

Analogous

#9F06A3

#A30609

#A30658

Triadic

#A30658

#58A306

#0658A3

Split Complementary

#A30658

#09A306

#06A39F

Tetradic

#A30658

#A39F06

#06A351

#0609A3

Color Blindness Simulation

Original

#A30658

Protanopia

#5F5E44

Deuteranopia

#68743F

Tritanopia

#9B3431

Achromatopsia

#2D2D2D

CSS Usage

background-color: #A30658;
color: #A30658;
border-color: #A30658;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FB89C4
400
#F849A4
500
#F60985
600
#C5076A
700
#9D0655
800
#7B0542
900
#590832
950
#380520

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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