#8EB672

#8EB672

Color Values

HEX

#8EB672

RGB

142, 182, 114

HSL

95.3, 31.8%, 58.0%

HSV

95.3, 37.4%, 71.4%

CMYK

22.0%, 0.0%, 37.4%, 28.6%

OKLCH

0.7303 0.1031 133.2

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#8EB672

#9A72B6

Analogous

#B0B672

#72B678

#8EB672

Triadic

#8EB672

#728EB6

#B6728E

Split Complementary

#8EB672

#7872B6

#B672B0

Tetradic

#8EB672

#72B0B6

#9A72B6

#B67872

Color Blindness Simulation

Original

#8EB672

Protanopia

#9FA082

Deuteranopia

#9D9A86

Tritanopia

#908F92

Achromatopsia

#A9A9A9

CSS Usage

background-color: #8EB672;
color: #8EB672;
border-color: #8EB672;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7F9F5
100
#ECF2E8
200
#D9E7D0
300
#BED5AE
400
#9BBF83
500
#78A857
600
#608646
700
#4D6C38
800
#3C542B
900
#2E3E23
950
#1D2716

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026