#46283D

#46283D

Color Values

HEX

#46283D

RGB

70, 40, 61

HSL

318.0, 27.3%, 21.6%

HSV

318.0, 42.9%, 27.5%

CMYK

0.0%, 42.9%, 12.9%, 72.5%

OKLCH

0.3231 0.0553 338.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#46283D

#284631

Analogous

#402846

#46282E

#46283D

Triadic

#46283D

#3D4628

#283D46

Split Complementary

#46283D

#2E4628

#284640

Tetradic

#46283D

#464028

#284631

#282E46

Color Blindness Simulation

Original

#46283D

Protanopia

#393938

Deuteranopia

#3B3D37

Tritanopia

#443433

Achromatopsia

#303030

CSS Usage

background-color: #46283D;
color: #46283D;
border-color: #46283D;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2DF
300
#D3B1C8
400
#BA87AB
500
#A25D8D
600
#824A71
700
#683B5B
800
#512E47
900
#3C2535
950
#261722

Contrast Checker

Text on white

12.87:1

AA Pass AAA Pass

Text on black

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