#6DBA6C

#6DBA6C

Color Values

HEX

#6DBA6C

RGB

109, 186, 108

HSL

119.2, 36.1%, 57.6%

HSV

119.2, 41.9%, 72.9%

CMYK

41.4%, 0.0%, 41.9%, 27.1%

OKLCH

0.7197 0.1343 143.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6DBA6C

#B96CBA

Analogous

#94BA6C

#6CBA92

#6DBA6C

Triadic

#6DBA6C

#6C6DBA

#BA6C6D

Split Complementary

#6DBA6C

#926CBA

#BA6C94

Tetradic

#6DBA6C

#6C94BA

#B96CBA

#BA926C

Color Blindness Simulation

Original

#6DBA6C

Protanopia

#8E8F7F

Deuteranopia

#8A8483

Tritanopia

#718E91

Achromatopsia

#A4A4A4

CSS Usage

background-color: #6DBA6C;
color: #6DBA6C;
border-color: #6DBA6C;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CE
300
#ACD8AC
400
#7FC37F
500
#53AE51
600
#428B41
700
#356F34
800
#295729
900
#214021
950
#152915

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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