#6DD366

#6DD366

Color Values

HEX

#6DD366

RGB

109, 211, 102

HSL

116.1, 55.3%, 61.4%

HSV

116.1, 51.7%, 82.7%

CMYK

48.3%, 0.0%, 51.7%, 17.3%

OKLCH

0.7805 0.1757 142.5

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#6DD366

#CC66D3

Analogous

#A4D366

#66D395

#6DD366

Triadic

#6DD366

#666DD3

#D3666D

Split Complementary

#6DD366

#9566D3

#D366A4

Tetradic

#6DD366

#66A4D3

#CC66D3

#D39566

Color Blindness Simulation

Original

#6DD366

Protanopia

#999A80

Deuteranopia

#938C87

Tritanopia

#72959A

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F6E5
200
#CAEFC8
300
#A4E4A0
400
#73D56C
500
#42C639
600
#359E2E
700
#2A7F24
800
#21631C
900
#1B4918
950
#112E0F

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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