#45334E

#45334E

Color Values

HEX

#45334E

RGB

69, 51, 78

HSL

280.0, 20.9%, 25.3%

HSV

280.0, 34.6%, 30.6%

CMYK

11.5%, 34.6%, 0.0%, 69.4%

OKLCH

0.3526 0.0513 314.1

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#45334E

#3C4E33

Analogous

#38334E

#4E334A

#45334E

Triadic

#45334E

#4E4533

#334E45

Split Complementary

#45334E

#4A4E33

#334E38

Tetradic

#45334E

#4E3833

#3C4E33

#334A4E

Color Blindness Simulation

Original

#45334E

Protanopia

#3D3D47

Deuteranopia

#3E4046

Tritanopia

#444241

Achromatopsia

#393939

CSS Usage

background-color: #45334E;
color: #45334E;
border-color: #45334E;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED4E3
300
#C6B5CF
400
#A78DB4
500
#88659A
600
#6D517B
700
#574163
800
#44324D
900
#33273A
950
#211924

Contrast Checker

Text on white

11.43:1

AA Pass AAA Pass

Text on black

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