#725142

#725142

Color Values

HEX

#725142

RGB

114, 81, 66

HSL

18.7, 26.7%, 35.3%

HSV

18.7, 42.1%, 44.7%

CMYK

0.0%, 28.9%, 42.1%, 55.3%

OKLCH

0.4663 0.0505 45.4

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#725142

#426372

Analogous

#72424B

#726942

#725142

Triadic

#725142

#427251

#514272

Split Complementary

#725142

#427269

#424B72

Tetradic

#725142

#4B7242

#426372

#694272

Color Blindness Simulation

Original

#725142

Protanopia

#646346

Deuteranopia

#666846

Tritanopia

#704849

Achromatopsia

#575757

CSS Usage

background-color: #725142;
color: #725142;
border-color: #725142;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D8D2
300
#D2BCB1
400
#BA9787
500
#A2735D
600
#815C4B
700
#67493C
800
#51392F
900
#3C2C25
950
#261C17

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026