#A8AE3F

#A8AE3F

Color Values

HEX

#A8AE3F

RGB

168, 174, 63

HSL

63.2, 46.8%, 46.5%

HSV

63.2, 63.8%, 68.2%

CMYK

3.4%, 0.0%, 63.8%, 31.8%

OKLCH

0.7246 0.1331 112.2

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#A8AE3F

#453FAE

Analogous

#AE7C3F

#71AE3F

#A8AE3F

Triadic

#A8AE3F

#3FA8AE

#AE3FA8

Split Complementary

#A8AE3F

#3F71AE

#7C3FAE

Tetradic

#A8AE3F

#3FAE7C

#453FAE

#AE3F71

Color Blindness Simulation

Original

#A8AE3F

Protanopia

#ABAB5A

Deuteranopia

#AAAA60

Tritanopia

#A86F74

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCB
300
#DBDEA5
400
#C8CD74
500
#B5BB44
600
#919636
700
#74782B
800
#5A5E22
900
#43451C
950
#2A2B12

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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