#612838

#612838

Color Values

HEX

#612838

RGB

97, 40, 56

HSL

343.2, 41.6%, 26.9%

HSV

343.2, 58.8%, 38.0%

CMYK

0.0%, 58.8%, 42.3%, 62.0%

OKLCH

0.3624 0.0845 4.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#612838

#286151

Analogous

#612855

#613528

#612838

Triadic

#612838

#386128

#283861

Split Complementary

#612838

#286135

#285561

Tetradic

#612838

#556128

#286151

#352861

Color Blindness Simulation

Original

#612838

Protanopia

#484834

Deuteranopia

#4C5033

Tritanopia

#5E3130

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#EACCD5
300
#DBA8B7
400
#C8798F
500
#B54A68
600
#903C53
700
#743043
800
#5A2534
900
#431E28
950
#2A131A

Contrast Checker

Text on white

11.24:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026