#69A481

#69A481

Color Values

HEX

#69A481

RGB

105, 164, 129

HSL

144.4, 24.5%, 52.7%

HSV

144.4, 36.0%, 64.3%

CMYK

36.0%, 0.0%, 21.3%, 35.7%

OKLCH

0.6681 0.0811 157.3

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#69A481

#A4698C

Analogous

#6EA469

#69A49E

#69A481

Triadic

#69A481

#8169A4

#A48169

Split Complementary

#69A481

#9E69A4

#A4696E

Tetradic

#69A481

#696EA4

#A4698C

#A49E69

Color Blindness Simulation

Original

#69A481

Protanopia

#838389

Deuteranopia

#7F7B8C

Tritanopia

#6C9092

Achromatopsia

#959595

CSS Usage

background-color: #69A481;
color: #69A481;
border-color: #69A481;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D3E4DA
300
#B3D1BF
400
#8AB89C
500
#609F7A
600
#4D7F61
700
#3E664E
800
#304F3D
900
#263B2E
950
#18251D

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026