#9DA23A

#9DA23A

Color Values

HEX

#9DA23A

RGB

157, 162, 58

HSL

62.9, 47.3%, 43.1%

HSV

62.9, 64.2%, 63.5%

CMYK

3.1%, 0.0%, 64.2%, 36.5%

OKLCH

0.6879 0.1262 111.9

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#9DA23A

#3F3AA2

Analogous

#A2733A

#69A23A

#9DA23A

Triadic

#9DA23A

#3A9DA2

#A23A9D

Split Complementary

#9DA23A

#3A69A2

#733AA2

Tetradic

#9DA23A

#3AA273

#3F3AA2

#A23A69

Color Blindness Simulation

Original

#9DA23A

Protanopia

#9F9F53

Deuteranopia

#9F9E59

Tritanopia

#9D676B

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCA
300
#DCDFA5
400
#C9CD74
500
#B6BC43
600
#929636
700
#74782B
800
#5B5E22
900
#43451C
950
#2A2C12

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026