#2A0417

#2A0417

Color Values

HEX

#2A0417

RGB

42, 4, 23

HSL

330.0, 82.6%, 9.0%

HSV

330.0, 90.5%, 16.5%

CMYK

0.0%, 90.5%, 45.2%, 83.5%

OKLCH

0.1947 0.0679 353.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#2A0417

#042A17

Analogous

#2A042A

#2A0404

#2A0417

Triadic

#2A0417

#172A04

#04172A

Split Complementary

#2A0417

#042A04

#042A2A

Tetradic

#2A0417

#2A2A04

#042A17

#04042A

Color Blindness Simulation

Original

#2A0417

Protanopia

#1A1912

Deuteranopia

#1C1F11

Tritanopia

#280F0E

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1ED
200
#F9BEDB
300
#F48FC2
400
#EF53A1
500
#E91680
600
#BA1266
700
#950E52
800
#740B40
900
#540C30
950
#35081F

Contrast Checker

Text on white

18.61:1

AA Pass AAA Pass

Text on black

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