#45472A

#45472A

Color Values

HEX

#45472A

RGB

69, 71, 42

HSL

64.1, 25.7%, 22.2%

HSV

64.1, 40.8%, 27.8%

CMYK

2.8%, 0.0%, 40.8%, 72.2%

OKLCH

0.388 0.0454 111.7

Properties

Cool Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#45472A

#2C2A47

Analogous

#473B2A

#37472A

#45472A

Triadic

#45472A

#2A4547

#472A45

Split Complementary

#45472A

#2A3747

#3B2A47

Tetradic

#45472A

#2A473B

#2C2A47

#472A37

Color Blindness Simulation

Original

#45472A

Protanopia

#464631

Deuteranopia

#464633

Tritanopia

#453738

Achromatopsia

#444444

CSS Usage

background-color: #45472A;
color: #45472A;
border-color: #45472A;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E3E4D2
300
#CFD2B2
400
#B6B988
500
#9CA05F
600
#7D804C
700
#64673D
800
#4E502F
900
#3A3C25
950
#252618

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

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