#6DDD71

#6DDD71

Color Values

HEX

#6DDD71

RGB

109, 221, 113

HSL

122.1, 62.2%, 64.7%

HSV

122.1, 50.7%, 86.7%

CMYK

50.7%, 0.0%, 48.9%, 13.3%

OKLCH

0.8068 0.1793 144.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#6DDD71

#DD6DD9

Analogous

#A1DD6D

#6DDDA9

#6DDD71

Triadic

#6DDD71

#716DDD

#DD716D

Split Complementary

#6DDD71

#A96DDD

#DD6DA1

Tetradic

#6DDD71

#6DA1DD

#DD6DD9

#DDA96D

Color Blindness Simulation

Original

#6DDD71

Protanopia

#9E9E8B

Deuteranopia

#978F91

Tritanopia

#73A0A4

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E4
200
#C5F2C7
300
#9CE89E
400
#66DB6A
500
#30CF36
600
#27A52B
700
#1F8422
800
#18671B
900
#154C17
950
#0D300F

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.23:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026