#945F09

#945F09

Color Values

HEX

#945F09

RGB

148, 95, 9

HSL

37.1, 88.5%, 30.8%

HSV

37.1, 93.9%, 58.0%

CMYK

0.0%, 35.8%, 93.9%, 42.0%

OKLCH

0.531 0.1116 70.7

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#945F09

#093E94

Analogous

#941909

#849409

#945F09

Triadic

#945F09

#09945F

#5F0994

Split Complementary

#945F09

#098494

#190994

Tetradic

#945F09

#099419

#093E94

#940984

Color Blindness Simulation

Original

#945F09

Protanopia

#7D7D1E

Deuteranopia

#808423

Tritanopia

#912E32

Achromatopsia

#646464

CSS Usage

background-color: #945F09;
color: #945F09;
border-color: #945F09;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE3BC
300
#F8CF8C
400
#F4B44D
500
#F09A0F
600
#C07B0C
700
#9A6309
800
#784D07
900
#573A0A
950
#372406

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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