#45283E

#45283E

Color Values

HEX

#45283E

RGB

69, 40, 62

HSL

314.5, 26.6%, 21.4%

HSV

314.5, 42.0%, 27.1%

CMYK

0.0%, 42.0%, 10.1%, 72.9%

OKLCH

0.3221 0.0552 336.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#45283E

#28452F

Analogous

#3E2845

#452830

#45283E

Triadic

#45283E

#3E4528

#283E45

Split Complementary

#45283E

#304528

#28453E

Tetradic

#45283E

#453E28

#28452F

#283045

Color Blindness Simulation

Original

#45283E

Protanopia

#383839

Deuteranopia

#3A3C37

Tritanopia

#443434

Achromatopsia

#303030

CSS Usage

background-color: #45283E;
color: #45283E;
border-color: #45283E;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E0
300
#D2B2CA
400
#BA88AE
500
#A15E91
600
#814B74
700
#673C5D
800
#512F49
900
#3C2536
950
#261722

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

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