#7FA06C

#7FA06C

Color Values

HEX

#7FA06C

RGB

127, 160, 108

HSL

98.1, 21.5%, 52.5%

HSV

98.1, 32.5%, 62.7%

CMYK

20.6%, 0.0%, 32.5%, 37.3%

OKLCH

0.6674 0.0826 134.5

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#7FA06C

#8D6CA0

Analogous

#99A06C

#6CA073

#7FA06C

Triadic

#7FA06C

#6C7FA0

#A06C7F

Split Complementary

#7FA06C

#736CA0

#A06C99

Tetradic

#7FA06C

#6C99A0

#8D6CA0

#A0736C

Color Blindness Simulation

Original

#7FA06C

Protanopia

#8D8E79

Deuteranopia

#8B897C

Tritanopia

#818385

Achromatopsia

#959595

CSS Usage

background-color: #7FA06C;
color: #7FA06C;
border-color: #7FA06C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D9E3D4
300
#BECFB5
400
#9BB58C
500
#789B64
600
#607C50
700
#4D6340
800
#3C4D32
900
#2E3A27
950
#1D2519

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.15:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026