#620C30

#620C30

Color Values

HEX

#620C30

RGB

98, 12, 48

HSL

334.9, 78.2%, 21.6%

HSV

334.9, 87.8%, 38.4%

CMYK

0.0%, 87.8%, 51.0%, 61.6%

OKLCH

0.329 0.1202 2.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#620C30

#0C623E

Analogous

#620C5B

#62130C

#620C30

Triadic

#620C30

#30620C

#0C3062

Split Complementary

#620C30

#0C6213

#0C5B62

Tetradic

#620C30

#5B620C

#0C623E

#130C62

Color Blindness Simulation

Original

#620C30

Protanopia

#3D3C27

Deuteranopia

#424825

Tritanopia

#5E201F

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EB
200
#F7BFD7
300
#F292BA
400
#EA5795
500
#E31C6F
600
#B61659
700
#911247
800
#720E38
900
#530E2B
950
#34091B

Contrast Checker

Text on white

13.01:1

AA Pass AAA Pass

Text on black

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