#9B9525

#9B9525

Color Values

HEX

#9B9525

RGB

155, 149, 37

HSL

56.9, 61.5%, 37.6%

HSV

56.9, 76.1%, 60.8%

CMYK

0.0%, 3.9%, 76.1%, 39.2%

OKLCH

0.6551 0.1274 106.3

Properties

Warm Light Nearest: yellow 4

Color Harmonies

Complementary

#9B9525

#252B9B

Analogous

#9B5A25

#669B25

#9B9525

Triadic

#9B9525

#259B95

#95259B

Split Complementary

#9B9525

#25669B

#5A259B

Tetradic

#9B9525

#259B5A

#252B9B

#9B2566

Color Blindness Simulation

Original

#9B9525

Protanopia

#989840

Deuteranopia

#999947

Tritanopia

#9B565A

Achromatopsia

#8E8E8E

CSS Usage

background-color: #9B9525;
color: #9B9525;
border-color: #9B9525;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1EFC5
300
#E7E49C
400
#DBD567
500
#CEC631
600
#A59E27
700
#847F1F
800
#676319
900
#4B4816
950
#302E0E

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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