#452640

#452640

Color Values

HEX

#452640

RGB

69, 38, 64

HSL

309.7, 29.0%, 21.0%

HSV

309.7, 44.9%, 27.1%

CMYK

0.0%, 44.9%, 7.2%, 72.9%

OKLCH

0.3192 0.0616 333.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#452640

#26452B

Analogous

#3B2645

#452631

#452640

Triadic

#452640

#404526

#264045

Split Complementary

#452640

#314526

#26453B

Tetradic

#452640

#453B26

#26452B

#263145

Color Blindness Simulation

Original

#452640

Protanopia

#38373A

Deuteranopia

#393C38

Tritanopia

#433534

Achromatopsia

#2E2E2E

CSS Usage

background-color: #452640;
color: #452640;
border-color: #452640;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F9F5F9
100
#F2E9F0
200
#E6D1E2
300
#D4B0CE
400
#BC85B3
500
#A45B99
600
#84487A
700
#693A62
800
#522D4C
900
#3D2439
950
#271724

Contrast Checker

Text on white

13.09:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026