#6AE768

#6AE768

Color Values

HEX

#6AE768

RGB

106, 231, 104

HSL

119.1, 72.6%, 65.7%

HSV

119.1, 55.0%, 90.6%

CMYK

54.1%, 0.0%, 55.0%, 9.4%

OKLCH

0.8291 0.2017 143.2

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#6AE768

#E568E7

Analogous

#A9E768

#68E7A6

#6AE768

Triadic

#6AE768

#686AE7

#E7686A

Split Complementary

#6AE768

#A668E7

#E768A9

Tetradic

#6AE768

#68A9E7

#E568E7

#E7A668

Color Blindness Simulation

Original

#6AE768

Protanopia

#A0A187

Deuteranopia

#99908E

Tritanopia

#709FA4

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C2F5C1
300
#97EE95
400
#5EE55C
500
#26DC23
600
#1EB01C
700
#188D16
800
#136E11
900
#125011
950
#0B330B

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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