#9FA301

#9FA301

Color Values

HEX

#9FA301

RGB

159, 163, 1

HSL

61.5, 98.8%, 32.2%

HSV

61.5, 99.4%, 63.9%

CMYK

2.5%, 0.0%, 99.4%, 36.1%

OKLCH

0.6891 0.1518 111.5

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#9FA301

#0501A3

Analogous

#A35601

#4EA301

#9FA301

Triadic

#9FA301

#019FA3

#A3019F

Split Complementary

#9FA301

#014EA3

#5601A3

Tetradic

#9FA301

#01A356

#0501A3

#A3014E

Color Blindness Simulation

Original

#9FA301

Protanopia

#A1A128

Deuteranopia

#A0A032

Tritanopia

#9F474E

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FDFFB8
300
#FBFE85
400
#F9FE43
500
#F7FD02
600
#C6CB01
700
#9EA201
800
#7C7F01
900
#595C05
950
#383A03

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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