#452C46

#452C46

Color Values

HEX

#452C46

RGB

69, 44, 70

HSL

297.7, 22.8%, 22.4%

HSV

297.7, 37.1%, 27.5%

CMYK

1.4%, 37.1%, 0.0%, 72.5%

OKLCH

0.334 0.0556 325.4

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#452C46

#2D462C

Analogous

#382C46

#462C3A

#452C46

Triadic

#452C46

#46452C

#2C4645

Split Complementary

#452C46

#3A462C

#2C4638

Tetradic

#452C46

#46382C

#2D462C

#2C3A46

Color Blindness Simulation

Original

#452C46

Protanopia

#3A3A40

Deuteranopia

#3C3E3E

Tritanopia

#443B3A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF1
200
#E3D3E3
300
#CFB4D0
400
#B58BB6
500
#9A629D
600
#7B4F7D
700
#633F64
800
#4D314E
900
#3A273A
950
#241825

Contrast Checker

Text on white

12.34:1

AA Pass AAA Pass

Text on black

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