#9DA945

#9DA945

Color Values

HEX

#9DA945

RGB

157, 169, 69

HSL

67.2, 42.0%, 46.7%

HSV

67.2, 59.2%, 66.3%

CMYK

7.1%, 0.0%, 59.2%, 33.7%

OKLCH

0.7049 0.1252 115.4

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#9DA945

#5145A9

Analogous

#A98345

#6BA945

#9DA945

Triadic

#9DA945

#459DA9

#A9459D

Split Complementary

#9DA945

#456BA9

#8345A9

Tetradic

#9DA945

#45A983

#5145A9

#A9456B

Color Blindness Simulation

Original

#9DA945

Protanopia

#A2A25D

Deuteranopia

#A2A163

Tritanopia

#9E7074

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EACC
300
#D5DCA8
400
#BFC879
500
#A8B54A
600
#87913B
700
#6C742F
800
#545B25
900
#3E431E
950
#272A13

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026