#6DA168

#6DA168

Color Values

HEX

#6DA168

RGB

109, 161, 104

HSL

114.7, 23.3%, 52.0%

HSV

114.7, 35.4%, 63.1%

CMYK

32.3%, 0.0%, 35.4%, 36.9%

OKLCH

0.6574 0.0995 142.3

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#6DA168

#9C68A1

Analogous

#8AA168

#68A180

#6DA168

Triadic

#6DA168

#686DA1

#A1686D

Split Complementary

#6DA168

#8068A1

#A1688A

Tetradic

#6DA168

#688AA1

#9C68A1

#A18068

Color Blindness Simulation

Original

#6DA168

Protanopia

#848476

Deuteranopia

#807D79

Tritanopia

#708183

Achromatopsia

#929292

CSS Usage

background-color: #6DA168;
color: #6DA168;
border-color: #6DA168;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D4E4D3
300
#B6D0B4
400
#8FB78B
500
#679D62
600
#527E4E
700
#42653F
800
#344F31
900
#283B26
950
#192518

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

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