#81AE46

#81AE46

Color Values

HEX

#81AE46

RGB

129, 174, 70

HSL

86.0, 42.6%, 47.8%

HSV

86.0, 59.8%, 68.2%

CMYK

25.9%, 0.0%, 59.8%, 31.8%

OKLCH

0.6963 0.1426 129.2

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#81AE46

#7346AE

Analogous

#AEA746

#4DAE46

#81AE46

Triadic

#81AE46

#4681AE

#AE4681

Split Complementary

#81AE46

#464DAE

#A746AE

Tetradic

#81AE46

#46AEA7

#7346AE

#AE464D

Color Blindness Simulation

Original

#81AE46

Protanopia

#94955F

Deuteranopia

#928E65

Tritanopia

#837377

Achromatopsia

#9D9D9D

CSS Usage

background-color: #81AE46;
color: #81AE46;
border-color: #81AE46;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C5DCA8
400
#A6C978
500
#87B649
600
#6C913B
700
#56742F
800
#435B25
900
#33431E
950
#202A13

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.08: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