#A3AF44

#A3AF44

Color Values

HEX

#A3AF44

RGB

163, 175, 68

HSL

66.7, 44.0%, 47.6%

HSV

66.7, 61.1%, 68.6%

CMYK

6.9%, 0.0%, 61.1%, 31.4%

OKLCH

0.7232 0.1316 115.2

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#A3AF44

#5044AF

Analogous

#AF8544

#6DAF44

#A3AF44

Triadic

#A3AF44

#44A3AF

#AF44A3

Split Complementary

#A3AF44

#446DAF

#8544AF

Tetradic

#A3AF44

#44AF85

#5044AF

#AF446D

Color Blindness Simulation

Original

#A3AF44

Protanopia

#A8A85E

Deuteranopia

#A8A764

Tritanopia

#A47277

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F2F4E6
200
#E7EBCC
300
#D7DDA7
400
#C1CA77
500
#ABB847
600
#899339
700
#6D762E
800
#565C24
900
#3F441D
950
#282B12

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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