#945425

#945425

Color Values

HEX

#945425

RGB

148, 84, 37

HSL

25.4, 60.0%, 36.3%

HSV

25.4, 75.0%, 58.0%

CMYK

0.0%, 43.2%, 75.0%, 42.0%

OKLCH

0.512 0.1045 53.9

Properties

Warm Dark Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#945425

#256594

Analogous

#94252E

#948C25

#945425

Triadic

#945425

#259454

#542594

Split Complementary

#945425

#25948C

#252E94

Tetradic

#945425

#2E9425

#256594

#8C2594

Color Blindness Simulation

Original

#945425

Protanopia

#787830

Deuteranopia

#7C8133

Tritanopia

#91393B

Achromatopsia

#5E5E5E

CSS Usage

background-color: #945425;
color: #945425;
border-color: #945425;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF7F3
100
#F6ECE4
200
#F1D8C6
300
#E7BC9D
400
#D99868
500
#CC7433
600
#A35D29
700
#834A21
800
#663A1A
900
#4B2C16
950
#2F1C0E

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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