#611630

#611630

Color Values

HEX

#611630

RGB

97, 22, 48

HSL

339.2, 63.0%, 23.3%

HSV

339.2, 77.3%, 38.0%

CMYK

0.0%, 77.3%, 50.5%, 62.0%

OKLCH

0.3358 0.1087 4.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#611630

#166147

Analogous

#611655

#612116

#611630

Triadic

#611630

#306116

#163061

Split Complementary

#611630

#166121

#165561

Tetradic

#611630

#556116

#166147

#211661

Color Blindness Simulation

Original

#611630

Protanopia

#41402A

Deuteranopia

#454A28

Tritanopia

#5D2524

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F7E4EA
200
#F2C5D4
300
#E89BB6
400
#DC658E
500
#D02F67
600
#A62652
700
#851E42
800
#681833
900
#4C1528
950
#300D19

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

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