#9DAF43

#9DAF43

Color Values

HEX

#9DAF43

RGB

157, 175, 67

HSL

70.0, 44.6%, 47.5%

HSV

70.0, 61.7%, 68.6%

CMYK

10.3%, 0.0%, 61.7%, 31.4%

OKLCH

0.7184 0.1343 117.9

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#9DAF43

#5543AF

Analogous

#AF8B43

#67AF43

#9DAF43

Triadic

#9DAF43

#439DAF

#AF439D

Split Complementary

#9DAF43

#4367AF

#8B43AF

Tetradic

#9DAF43

#43AF8B

#5543AF

#AF4367

Color Blindness Simulation

Original

#9DAF43

Protanopia

#A5A55D

Deuteranopia

#A4A263

Tritanopia

#9E7276

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E6EBCB
300
#D4DDA7
400
#BDCB77
500
#A5B847
600
#849339
700
#6A762D
800
#535C23
900
#3D441D
950
#272B12

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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