#6AE669

#6AE669

Color Values

HEX

#6AE669

RGB

106, 230, 105

HSL

119.5, 71.4%, 65.7%

HSV

119.5, 54.3%, 90.2%

CMYK

53.9%, 0.0%, 54.3%, 9.8%

OKLCH

0.8267 0.1996 143.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#6AE669

#E569E6

Analogous

#A9E669

#69E6A6

#6AE669

Triadic

#6AE669

#696AE6

#E6696A

Split Complementary

#6AE669

#A669E6

#E669A9

Tetradic

#6AE669

#69A9E6

#E569E6

#E6A669

Color Blindness Simulation

Original

#6AE669

Protanopia

#A0A187

Deuteranopia

#988F8E

Tritanopia

#709FA4

Achromatopsia

#C3C3C3

CSS Usage

background-color: #6AE669;
color: #6AE669;
border-color: #6AE669;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C2F5C2
300
#97ED96
400
#5EE45D
500
#26DB24
600
#1EAF1D
700
#188C17
800
#136D12
900
#125011
950
#0B320B

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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