#69A96C

#69A96C

Color Values

HEX

#69A96C

RGB

105, 169, 108

HSL

122.8, 27.1%, 53.7%

HSV

122.8, 37.9%, 66.3%

CMYK

37.9%, 0.0%, 36.1%, 33.7%

OKLCH

0.6756 0.1105 145.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#69A96C

#A969A6

Analogous

#86A969

#69A98C

#69A96C

Triadic

#69A96C

#6C69A9

#A96C69

Split Complementary

#69A96C

#8C69A9

#A96986

Tetradic

#69A96C

#6986A9

#A969A6

#A98C69

Color Blindness Simulation

Original

#69A96C

Protanopia

#85857B

Deuteranopia

#817C7E

Tritanopia

#6C8689

Achromatopsia

#979797

CSS Usage

background-color: #69A96C;
color: #69A96C;
border-color: #69A96C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D3
300
#B1D2B3
400
#87BA89
500
#5DA260
600
#4A824D
700
#3B683E
800
#2E5130
900
#253C26
950
#172618

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026