#46142C

#46142C

Color Values

HEX

#46142C

RGB

70, 20, 44

HSL

331.2, 55.6%, 17.6%

HSV

331.2, 71.4%, 27.5%

CMYK

0.0%, 71.4%, 37.1%, 72.5%

OKLCH

0.2815 0.0816 353.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#46142C

#14462E

Analogous

#461445

#461514

#46142C

Triadic

#46142C

#2C4614

#142C46

Split Complementary

#46142C

#144615

#144546

Tetradic

#46142C

#454614

#14462E

#151446

Color Blindness Simulation

Original

#46142C

Protanopia

#303026

Deuteranopia

#333725

Tritanopia

#442221

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#EFC7DB
300
#E4A0C0
400
#D56C9F
500
#C6397D
600
#9F2D64
700
#7F2450
800
#631C3E
900
#49182F
950
#2E0F1E

Contrast Checker

Text on white

15.03:1

AA Pass AAA Pass

Text on black

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