#9DA300

#9DA300

Color Values

HEX

#9DA300

RGB

157, 163, 0

HSL

62,2, 100,0%, 32,0%

HSV

62,2, 100,0%, 63,9%

CMYK

3,7%, 0,0%, 100,0%, 36,1%

OKLCH

0,6874 0,1526 112,4

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#9DA300

#0600A3

Analogous

#A35800

#4CA300

#9DA300

Triadic

#9DA300

#009DA3

#A3009D

Split Complementary

#9DA300

#004CA3

#5800A3

Tetradic

#9DA300

#00A358

#0600A3

#A3004C

Color Blindness Simulation

Original

#9DA300

Protanopia

#A0A027

Deuteranopia

#9F9F31

Tritanopia

#9D474D

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FCFFB8
300
#FBFF85
400
#F8FF42
500
#F6FF00
600
#C5CC00
700
#9DA300
800
#7B8000
900
#595C05
950
#383A03

Contrast Checker

Text on white

2,74:1

AA Fail AAA Fail

Text on black

7,67:1

AA Pass AAA Pass

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