#954F06

#954F06

Color Values

HEX

#954F06

RGB

149, 79, 6

HSL

30.6, 92.3%, 30.4%

HSV

30.6, 96.0%, 58.4%

CMYK

0.0%, 47.0%, 96.0%, 41.6%

OKLCH

0.5024 0.1188 57.2

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#954F06

#064C95

Analogous

#950706

#949506

#954F06

Triadic

#954F06

#06954F

#4F0695

Split Complementary

#954F06

#069495

#070695

Tetradic

#954F06

#069507

#064C95

#950694

Color Blindness Simulation

Original

#954F06

Protanopia

#777618

Deuteranopia

#7B801C

Tritanopia

#912629

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDCBA
300
#FAC389
400
#F8A24A
500
#F5820A
600
#C46808
700
#9D5306
800
#7B4105
900
#593108
950
#381F05

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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