#69C962

#69C962

Color Values

HEX

#69C962

RGB

105, 201, 98

HSL

115.9, 48.8%, 58.6%

HSV

115.9, 51.2%, 78.8%

CMYK

47.8%, 0.0%, 51.2%, 21.2%

OKLCH

0.7535 0.1676 142.4

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#69C962

#C262C9

Analogous

#9CC962

#62C98E

#69C962

Triadic

#69C962

#6269C9

#C96269

Split Complementary

#69C962

#8E62C9

#C9629C

Tetradic

#69C962

#629CC9

#C262C9

#C98E62

Color Blindness Simulation

Original

#69C962

Protanopia

#93937B

Deuteranopia

#8D8681

Tritanopia

#6E8F93

Achromatopsia

#ADADAD

CSS Usage

background-color: #69C962;
color: #69C962;
border-color: #69C962;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CCEDCA
300
#A8E0A4
400
#79CF73
500
#4ABE41
600
#3B9834
700
#2F792A
800
#255F21
900
#1E461B
950
#132C11

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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