#620336

#620336

Color Values

HEX

#620336

RGB

98, 3, 54

HSL

327.8, 94.1%, 19.8%

HSV

327.8, 96.9%, 38.4%

CMYK

0.0%, 96.9%, 44.9%, 61.6%

OKLCH

0.3255 0.1299 356.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#620336

#03622F

Analogous

#5F0362

#620306

#620336

Triadic

#620336

#366203

#033662

Split Complementary

#620336

#066203

#03625F

Tetradic

#620336

#625F03

#03622F

#030662

Color Blindness Simulation

Original

#620336

Protanopia

#39382A

Deuteranopia

#3E4627

Tritanopia

#5D201E

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FB88C6
400
#F948A7
500
#F70888
600
#C6066D
700
#9E0557
800
#7C0444
900
#590733
950
#390521

Contrast Checker

Text on white

13.24:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026