#611218

#611218

Color Values

HEX

#611218

RGB

97, 18, 24

HSL

355.4, 68.7%, 22.5%

HSV

355.4, 81.4%, 38.0%

CMYK

0.0%, 81.4%, 75.3%, 62.0%

OKLCH

0.3257 0.1112 22.3

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#611218

#12615B

Analogous

#61123F

#613312

#611218

Triadic

#611218

#186112

#121861

Split Complementary

#611218

#126133

#123F61

Tetradic

#611218

#3F6112

#12615B

#331261

Color Blindness Simulation

Original

#611218

Protanopia

#3F3E17

Deuteranopia

#434916

Tritanopia

#5D1515

Achromatopsia

#232323

CSS Usage

background-color: #611218;
color: #611218;
border-color: #611218;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FCF3F4
100
#F8E3E4
200
#F4C3C7
300
#EC989E
400
#E1606A
500
#D72835
600
#AC202B
700
#8A1A22
800
#6C141B
900
#4E1217
950
#320C0F

Contrast Checker

Text on white

13.06:1

AA Pass AAA Pass

Text on black

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