#45363F

#45363F

Color Values

HEX

#45363F

RGB

69, 54, 63

HSL

324.0, 12.2%, 24.1%

HSV

324.0, 21.7%, 27.1%

CMYK

0.0%, 21.7%, 8.7%, 72.9%

OKLCH

0.3526 0.0258 341.8

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#45363F

#36453C

Analogous

#433645

#453637

#45363F

Triadic

#45363F

#3F4536

#363F45

Split Complementary

#45363F

#374536

#364543

Tetradic

#45363F

#454336

#36453C

#363745

Color Blindness Simulation

Original

#45363F

Protanopia

#3F3E3D

Deuteranopia

#3F403C

Tritanopia

#443B3B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #45363F;
color: #45363F;
border-color: #45363F;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DC
300
#C9BAC3
400
#AC95A3
500
#8F7083
600
#725A68
700
#5C4854
800
#483841
900
#362B32
950
#221B1F

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