#45452F

#45452F

Color Values

HEX

#45452F

RGB

69, 69, 47

HSL

60.0, 19.0%, 22.7%

HSV

60.0, 31.9%, 27.1%

CMYK

0.0%, 0.0%, 31.9%, 72.9%

OKLCH

0.384 0.0351 107.9

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#45452F

#2F2F45

Analogous

#453A2F

#3A452F

#45452F

Triadic

#45452F

#2F4545

#452F45

Split Complementary

#45452F

#2F3A45

#3A2F45

Tetradic

#45452F

#2F453A

#2F2F45

#452F3A

Color Blindness Simulation

Original

#45452F

Protanopia

#454534

Deuteranopia

#454536

Tritanopia

#453939

Achromatopsia

#434343

CSS Usage

background-color: #45452F;
color: #45452F;
border-color: #45452F;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E2E2D5
300
#CDCDB6
400
#B3B38F
500
#989867
600
#797953
700
#616142
800
#4C4C34
900
#393928
950
#242419

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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