#72452F

#72452F

Color Values

HEX

#72452F

RGB

114, 69, 47

HSL

19.7, 41.6%, 31.6%

HSV

19.7, 58.8%, 44.7%

CMYK

0.0%, 39.5%, 58.8%, 55.3%

OKLCH

0.4379 0.0709 46.4

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#72452F

#2F5C72

Analogous

#722F3B

#72672F

#72452F

Triadic

#72452F

#2F7245

#452F72

Split Complementary

#72452F

#2F7267

#2F3B72

Tetradic

#72452F

#3B722F

#2F5C72

#672F72

Color Blindness Simulation

Original

#72452F

Protanopia

#5F5E34

Deuteranopia

#616436

Tritanopia

#703939

Achromatopsia

#4D4D4D

CSS Usage

background-color: #72452F;
color: #72452F;
border-color: #72452F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F5
100
#F3EBE7
200
#EAD6CC
300
#DBB9A8
400
#C89379
500
#B56D4A
600
#90573C
700
#744630
800
#5A3725
900
#432A1E
950
#2A1B13

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026