#69CE78

#69CE78

Color Values

HEX

#69CE78

RGB

105, 206, 120

HSL

128.9, 50.8%, 61.0%

HSV

128.9, 49.0%, 80.8%

CMYK

49.0%, 0.0%, 41.7%, 19.2%

OKLCH

0.7693 0.1539 147.1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#69CE78

#CE69BF

Analogous

#8DCE69

#69CEAB

#69CE78

Triadic

#69CE78

#7869CE

#CE7869

Split Complementary

#69CE78

#AB69CE

#CE698D

Tetradic

#69CE78

#698DCE

#CE69BF

#CEAB69

Color Blindness Simulation

Original

#69CE78

Protanopia

#95968D

Deuteranopia

#8F8792

Tritanopia

#6E9DA1

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F5E8
200
#C9EDCF
300
#A3E1AC
400
#71D17F
500
#3FC052
600
#329A42
700
#287B34
800
#1F6029
900
#1A4721
950
#112D15

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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