#925F36

#925F36

Color Values

HEX

#925F36

RGB

146, 95, 54

HSL

26.7, 46.0%, 39.2%

HSV

26.7, 63.0%, 57.3%

CMYK

0.0%, 34.9%, 63.0%, 42.7%

OKLCH

0.5322 0.0872 58.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#925F36

#366992

Analogous

#92363B

#928D36

#925F36

Triadic

#925F36

#36925F

#5F3692

Split Complementary

#925F36

#36928D

#363B92

Tetradic

#925F36

#3B9236

#366992

#8D3692

Color Blindness Simulation

Original

#925F36

Protanopia

#7C7B40

Deuteranopia

#7F8342

Tritanopia

#8F4849

Achromatopsia

#676767

CSS Usage

background-color: #925F36;
color: #925F36;
border-color: #925F36;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CB
300
#DEBFA6
400
#CC9C75
500
#BA7945
600
#956137
700
#774D2C
800
#5D3D22
900
#452E1C
950
#2B1D12

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026