#45442F

#45442F

Color Values

HEX

#45442F

RGB

69, 68, 47

HSL

57.3, 19.0%, 22.7%

HSV

57.3, 31.9%, 27.1%

CMYK

0.0%, 1.4%, 31.9%, 72.9%

OKLCH

0.3814 0.0336 105.6

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#45442F

#2F3045

Analogous

#45392F

#3B452F

#45442F

Triadic

#45442F

#2F4544

#442F45

Split Complementary

#45442F

#2F3B45

#392F45

Tetradic

#45442F

#2F4539

#2F3045

#452F3B

Color Blindness Simulation

Original

#45442F

Protanopia

#454534

Deuteranopia

#454535

Tritanopia

#453839

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D5
300
#CDCCB6
400
#B3B18F
500
#989667
600
#797853
700
#616042
800
#4C4B34
900
#393828
950
#242319

Contrast Checker

Text on white

9.9:1

AA Pass AAA Pass

Text on black

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