#69BA93

#69BA93

Color Values

HEX

#69BA93

RGB

105, 186, 147

HSL

151.1, 37.0%, 57.1%

HSV

151.1, 43.5%, 72.9%

CMYK

43.5%, 0.0%, 21.0%, 27.1%

OKLCH

0.7261 0.099 161.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#69BA93

#BA6990

Analogous

#69BA6B

#69B9BA

#69BA93

Triadic

#69BA93

#9369BA

#BA9369

Split Complementary

#69BA93

#BA69B9

#BA6B69

Tetradic

#69BA93

#6B69BA

#BA6990

#B9BA69

Color Blindness Simulation

Original

#69BA93

Protanopia

#8C8D9C

Deuteranopia

#87819F

Tritanopia

#6DA4A6

Achromatopsia

#A6A6A6

CSS Usage

background-color: #69BA93;
color: #69BA93;
border-color: #69BA93;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE9DC
300
#ABD8C3
400
#7EC4A2
500
#50AF81
600
#408C67
700
#337053
800
#285741
900
#204131
950
#14291F

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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