#69C678

#69C678

Color Values

HEX

#69C678

RGB

105, 198, 120

HSL

129.7, 44.9%, 59.4%

HSV

129.7, 47.0%, 77.6%

CMYK

47.0%, 0.0%, 39.4%, 22.4%

OKLCH

0.7496 0.1424 147.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#69C678

#C669B7

Analogous

#88C669

#69C6A7

#69C678

Triadic

#69C678

#7869C6

#C67869

Split Complementary

#69C678

#A769C6

#C66988

Tetradic

#69C678

#6988C6

#C669B7

#C6A769

Color Blindness Simulation

Original

#69C678

Protanopia

#91928B

Deuteranopia

#8C858F

Tritanopia

#6E9A9D

Achromatopsia

#ADADAD

CSS Usage

background-color: #69C678;
color: #69C678;
border-color: #69C678;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FAF5
100
#E6F4E9
200
#CBEBD0
300
#A6DDAF
400
#76CB84
500
#46B959
600
#389447
700
#2D7639
800
#235C2C
900
#1D4423
950
#122B16

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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