#A1AF18

#A1AF18

Color Values

HEX

#A1AF18

RGB

161, 175, 24

HSL

65.6, 75.9%, 39.0%

HSV

65.6, 86.3%, 68.6%

CMYK

8.0%, 0.0%, 86.3%, 31.4%

OKLCH

0.7187 0.158 115.5

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#A1AF18

#2618AF

Analogous

#AF7218

#55AF18

#A1AF18

Triadic

#A1AF18

#18A1AF

#AF18A1

Split Complementary

#A1AF18

#1855AF

#7218AF

Tetradic

#A1AF18

#18AF72

#2618AF

#AF1855

Color Blindness Simulation

Original

#A1AF18

Protanopia

#A7A73C

Deuteranopia

#A6A545

Tritanopia

#A25960

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F7F9E2
200
#F1F6C0
300
#E8F093
400
#DBE859
500
#CEE01F
600
#A5B319
700
#849014
800
#67700F
900
#4B520F
950
#30340A

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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