#6BBA72

#6BBA72

Color Values

HEX

#6BBA72

RGB

107, 186, 114

HSL

125.3, 36.4%, 57.5%

HSV

125.3, 42.5%, 72.9%

CMYK

42.5%, 0.0%, 38.7%, 27.1%

OKLCH

0.7198 0.1294 146.0

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6BBA72

#BA6BB3

Analogous

#8CBA6B

#6BBA9A

#6BBA72

Triadic

#6BBA72

#726BBA

#BA726B

Split Complementary

#6BBA72

#9A6BBA

#BA6B8C

Tetradic

#6BBA72

#6B8CBA

#BA6BB3

#BA9A6B

Color Blindness Simulation

Original

#6BBA72

Protanopia

#8D8E83

Deuteranopia

#898388

Tritanopia

#6F9194

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E9
200
#CEE8D1
300
#ACD8AF
400
#7EC384
500
#51AE59
600
#418B47
700
#346F39
800
#29572D
900
#214023
950
#152916

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

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