#69D882

#69D882

Color Values

HEX

#69D882

RGB

105, 216, 130

HSL

133.5, 58.7%, 62.9%

HSV

133.5, 51.4%, 84.7%

CMYK

51.4%, 0.0%, 39.8%, 15.3%

OKLCH

0.7957 0.1586 149.0

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#69D882

#D869BF

Analogous

#87D869

#69D8B9

#69D882

Triadic

#69D882

#8269D8

#D88269

Split Complementary

#69D882

#B969D8

#D86987

Tetradic

#69D882

#6987D8

#D869BF

#D8B969

Color Blindness Simulation

Original

#69D882

Protanopia

#999A97

Deuteranopia

#938A9C

Tritanopia

#6FA7AB

Achromatopsia

#BABABA

CSS Usage

background-color: #69D882;
color: #69D882;
border-color: #69D882;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FBF5
100
#E4F6E8
200
#C6F0D0
300
#9EE6AE
400
#69D882
500
#35CA56
600
#2AA245
700
#228137
800
#1A652B
900
#174A22
950
#0E2F16

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.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