#746148

#746148

Color Values

HEX

#746148

RGB

116, 97, 72

HSL

34.1, 23.4%, 36.9%

HSV

34.1, 37.9%, 45.5%

CMYK

0.0%, 16.4%, 37.9%, 54.5%

OKLCH

0.5045 0.0446 74.1

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#746148

#485B74

Analogous

#744B48

#717448

#746148

Triadic

#746148

#487461

#614874

Split Complementary

#746148

#487174

#4B4874

Tetradic

#746148

#48744B

#485B74

#744871

Color Blindness Simulation

Original

#746148

Protanopia

#6C6C4E

Deuteranopia

#6D6E50

Tritanopia

#735354

Achromatopsia

#636363

CSS Usage

background-color: #746148;
color: #746148;
border-color: #746148;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E4DCD3
300
#D0C4B3
400
#B7A48B
500
#9D8462
600
#7E694E
700
#65543F
800
#4F4231
900
#3B3226
950
#251F18

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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