#9B9311

#9B9311

Color Values

HEX

#9B9311

RGB

155, 147, 17

HSL

56.5, 80.2%, 33.7%

HSV

56.5, 89.0%, 60.8%

CMYK

0.0%, 5.2%, 89.0%, 39.2%

OKLCH

0.6497 0.1343 105.6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#9B9311

#11199B

Analogous

#9B4E11

#5E9B11

#9B9311

Triadic

#9B9311

#119B93

#93119B

Split Complementary

#9B9311

#115E9B

#4E119B

Tetradic

#9B9311

#119B4E

#11199B

#9B115E

Color Blindness Simulation

Original

#9B9311

Protanopia

#989730

Deuteranopia

#989938

Tritanopia

#9B494F

Achromatopsia

#8B8B8B

CSS Usage

background-color: #9B9311;
color: #9B9311;
border-color: #9B9311;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDFCF2
100
#F9F8E1
200
#F8F5BF
300
#F3ED91
400
#ECE355
500
#E6DA19
600
#B8AE14
700
#938B10
800
#736D0D
900
#534F0D
950
#353209

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.58:1

AA Pass 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