#6DBD76

#6DBD76

Color Values

HEX

#6DBD76

RGB

109, 189, 118

HSL

126.8, 37.7%, 58.4%

HSV

126.8, 42.3%, 74.1%

CMYK

42.3%, 0.0%, 37.6%, 25.9%

OKLCH

0.7289 0.1287 146.7

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6DBD76

#BD6DB4

Analogous

#8CBD6D

#6DBD9E

#6DBD76

Triadic

#6DBD76

#766DBD

#BD766D

Split Complementary

#6DBD76

#9E6DBD

#BD6D8C

Tetradic

#6DBD76

#6D8CBD

#BD6DB4

#BD9E6D

Color Blindness Simulation

Original

#6DBD76

Protanopia

#909087

Deuteranopia

#8B858B

Tritanopia

#719598

Achromatopsia

#A7A7A7

CSS Usage

background-color: #6DBD76;
color: #6DBD76;
border-color: #6DBD76;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CEE9D1
300
#ABD9B0
400
#7DC485
500
#4FB05A
600
#408C48
700
#33703A
800
#28582D
900
#204124
950
#142917

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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