#45161E

#45161E

Color Values

HEX

#45161E

RGB

69, 22, 30

HSL

349.8, 51.6%, 17.8%

HSV

349.8, 68.1%, 27.1%

CMYK

0.0%, 68.1%, 56.5%, 72.9%

OKLCH

0.2775 0.0725 12.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#45161E

#16453D

Analogous

#451635

#452516

#45161E

Triadic

#45161E

#1E4516

#161E45

Split Complementary

#45161E

#164525

#163545

Tetradic

#45161E

#354516

#16453D

#251645

Color Blindness Simulation

Original

#45161E

Protanopia

#31301C

Deuteranopia

#33371C

Tritanopia

#431B1A

Achromatopsia

#212121

CSS Usage

background-color: #45161E;
color: #45161E;
border-color: #45161E;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EEC9CF
300
#E1A2AD
400
#D17081
500
#C13E54
600
#9B3143
700
#7C2736
800
#611F2A
900
#471A22
950
#2D1015

Contrast Checker

Text on white

15.15:1

AA Pass AAA Pass

Text on black

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