#560230

#560230

Color Values

HEX

#560230

RGB

86, 2, 48

HSL

327.1, 95.5%, 17.3%

HSV

327.1, 97.7%, 33.7%

CMYK

0.0%, 97.7%, 44.2%, 66.3%

OKLCH

0.2976 0.1195 355.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#560230

#025628

Analogous

#520256

#560206

#560230

Triadic

#560230

#305602

#023056

Split Complementary

#560230

#065602

#025652

Tetradic

#560230

#565202

#025628

#020656

Color Blindness Simulation

Original

#560230

Protanopia

#323125

Deuteranopia

#363D22

Tritanopia

#521C1A

Achromatopsia

#171717

CSS Usage

background-color: #560230;
color: #560230;
border-color: #560230;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9DF
300
#FC87C7
400
#FB47A9
500
#F9068B
600
#C7056F
700
#A00459
800
#7D0346
900
#5A0734
950
#390421

Contrast Checker

Text on white

14.51:1

AA Pass AAA Pass

Text on black

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