#620F30

#620F30

Color Values

HEX

#620F30

RGB

98, 15, 48

HSL

336.1, 73.5%, 22.2%

HSV

336.1, 84.7%, 38.4%

CMYK

0.0%, 84.7%, 51.0%, 61.6%

OKLCH

0.3312 0.1174 2.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#620F30

#0F6241

Analogous

#620F5A

#62170F

#620F30

Triadic

#620F30

#30620F

#0F3062

Split Complementary

#620F30

#0F6217

#0F5A62

Tetradic

#620F30

#5A620F

#0F6241

#170F62

Color Blindness Simulation

Original

#620F30

Protanopia

#3E3D28

Deuteranopia

#434926

Tritanopia

#5E2220

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F6C1D6
300
#EF95B9
400
#E65B93
500
#DD226C
600
#B11B57
700
#8E1645
800
#6F1136
900
#50102A
950
#330A1A

Contrast Checker

Text on white

12.88:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026