#6DB96F

#6DB96F

Color Values

HEX

#6DB96F

RGB

109, 185, 111

HSL

121.6, 35.2%, 57.6%

HSV

121.6, 41.1%, 72.5%

CMYK

41.1%, 0.0%, 40.0%, 27.5%

OKLCH

0.7178 0.1298 144.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6DB96F

#B96DB7

Analogous

#91B96D

#6DB995

#6DB96F

Triadic

#6DB96F

#6F6DB9

#B96F6D

Split Complementary

#6DB96F

#956DB9

#B96D91

Tetradic

#6DB96F

#6D91B9

#B96DB7

#B9956D

Color Blindness Simulation

Original

#6DB96F

Protanopia

#8E8F81

Deuteranopia

#8A8485

Tritanopia

#718F92

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8CF
300
#ACD7AD
400
#7FC281
500
#53AC55
600
#428A44
700
#356E36
800
#29562B
900
#214022
950
#152815

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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