#6BA474

#6BA474

Color Values

HEX

#6BA474

RGB

107, 164, 116

HSL

129.5, 23.8%, 53.1%

HSV

129.5, 34.8%, 64.3%

CMYK

34.8%, 0.0%, 29.3%, 35.7%

OKLCH

0.6661 0.0927 148.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#6BA474

#A46B9B

Analogous

#7EA46B

#6BA490

#6BA474

Triadic

#6BA474

#746BA4

#A4746B

Split Complementary

#6BA474

#906BA4

#A46B7E

Tetradic

#6BA474

#6B7EA4

#A46B9B

#A4906B

Color Blindness Simulation

Original

#6BA474

Protanopia

#848480

Deuteranopia

#807C82

Tritanopia

#6E898B

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF1EB
200
#D3E4D5
300
#B3D0B8
400
#8AB791
500
#619E6B
600
#4E7E55
700
#3E6544
800
#314F35
900
#263B29
950
#18251A

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.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