#7DA969

#7DA969

Color Values

HEX

#7DA969

RGB

125, 169, 105

HSL

101.2, 27.1%, 53.7%

HSV

101.2, 37.9%, 66.3%

CMYK

26.0%, 0.0%, 37.9%, 33.7%

OKLCH

0.6868 0.1018 136.3

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#7DA969

#9569A9

Analogous

#9DA969

#69A975

#7DA969

Triadic

#7DA969

#697DA9

#A9697D

Split Complementary

#7DA969

#7569A9

#A9699D

Tetradic

#7DA969

#699DA9

#9569A9

#A97569

Color Blindness Simulation

Original

#7DA969

Protanopia

#909078

Deuteranopia

#8E8A7C

Tritanopia

#7F8587

Achromatopsia

#9B9B9B

CSS Usage

background-color: #7DA969;
color: #7DA969;
border-color: #7DA969;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D8E5D2
300
#BCD2B1
400
#97BA87
500
#73A25D
600
#5C824A
700
#49683B
800
#39512E
900
#2C3C25
950
#1C2617

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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