#45344D

#45344D

Color Values

HEX

#45344D

RGB

69, 52, 77

HSL

280.8, 19.4%, 25.3%

HSV

280.8, 32.5%, 30.2%

CMYK

10.4%, 32.5%, 0.0%, 69.8%

OKLCH

0.3543 0.0477 314.7

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#45344D

#3C4D34

Analogous

#39344D

#4D3449

#45344D

Triadic

#45344D

#4D4534

#344D45

Split Complementary

#45344D

#494D34

#344D39

Tetradic

#45344D

#4D3934

#3C4D34

#34494D

Color Blindness Simulation

Original

#45344D

Protanopia

#3E3D47

Deuteranopia

#3F4046

Tritanopia

#444241

Achromatopsia

#393939

CSS Usage

background-color: #45344D;
color: #45344D;
border-color: #45344D;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED4E2
300
#C6B6CE
400
#A78EB3
500
#886798
600
#6D527A
700
#574261
800
#44334C
900
#332839
950
#211924

Contrast Checker

Text on white

11.34:1

AA Pass AAA Pass

Text on black

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