#9BAF0E

#9BAF0E

Color Values

HEX

#9BAF0E

RGB

155, 175, 14

HSL

67.5, 85.2%, 37.1%

HSV

67.5, 92.0%, 68.6%

CMYK

11.4%, 0.0%, 92.0%, 31.4%

OKLCH

0.7137 0.1629 117.7

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#9BAF0E

#220EAF

Analogous

#AF730E

#4AAF0E

#9BAF0E

Triadic

#9BAF0E

#0E9BAF

#AF0E9B

Split Complementary

#9BAF0E

#0E4AAF

#730EAF

Tetradic

#9BAF0E

#0EAF73

#220EAF

#AF0E4A

Color Blindness Simulation

Original

#9BAF0E

Protanopia

#A4A435

Deuteranopia

#A2A13E

Tritanopia

#9C545A

Achromatopsia

#9F9F9F

CSS Usage

background-color: #9BAF0E;
color: #9BAF0E;
border-color: #9BAF0E;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FCFDF2
100
#F7FAE0
200
#F2FABD
300
#E9F68E
400
#DDF150
500
#D1EC13
600
#A7BD0F
700
#86970C
800
#687609
900
#4C560B
950
#303607

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.53:1

AA Pass AAA Pass

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