#453146

#453146

Color Values

HEX

#453146

RGB

69, 49, 70

HSL

297.1, 17.6%, 23.3%

HSV

297.1, 30.0%, 27.5%

CMYK

1.4%, 30.0%, 0.0%, 72.5%

OKLCH

0.3445 0.0447 324.9

Properties

Cool Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#453146

#324631

Analogous

#3A3146

#46313C

#453146

Triadic

#453146

#464531

#314645

Split Complementary

#453146

#3C4631

#31463A

Tetradic

#453146

#463A31

#324631

#313C46

Color Blindness Simulation

Original

#453146

Protanopia

#3C3C41

Deuteranopia

#3E3F40

Tritanopia

#443D3C

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EAF0
200
#E1D5E2
300
#CCB7CD
400
#B090B1
500
#946996
600
#765478
700
#5F4360
800
#4A354B
900
#372938
950
#231A23

Contrast Checker

Text on white

11.79:1

AA Pass AAA Pass

Text on black

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