#9DA06C

#9DA06C

Color Values

HEX

#9DA06C

RGB

157, 160, 108

HSL

63.5, 21.5%, 52.5%

HSV

63.5, 32.5%, 62.7%

CMYK

1.9%, 0.0%, 32.5%, 37.3%

OKLCH

0.6904 0.0713 110.9

Properties

Cool Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#9DA06C

#6F6CA0

Analogous

#A0896C

#83A06C

#9DA06C

Triadic

#9DA06C

#6C9DA0

#A06C9D

Split Complementary

#9DA06C

#6C83A0

#896CA0

Tetradic

#9DA06C

#6CA089

#6F6CA0

#A06C83

Color Blindness Simulation

Original

#9DA06C

Protanopia

#9E9E79

Deuteranopia

#9E9E7C

Tritanopia

#9D8385

Achromatopsia

#9C9C9C

CSS Usage

background-color: #9DA06C;
color: #9DA06C;
border-color: #9DA06C;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E2E3D4
300
#CDCFB5
400
#B3B58C
500
#989B64
600
#797C50
700
#616340
800
#4C4D32
900
#393A27
950
#242519

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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