#A2AF10

#A2AF10

Color Values

HEX

#A2AF10

RGB

162, 175, 16

HSL

64.9, 83.2%, 37.5%

HSV

64.9, 90.9%, 68.6%

CMYK

7.4%, 0.0%, 90.9%, 31.4%

OKLCH

0.7193 0.1599 115.0

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#A2AF10

#1D10AF

Analogous

#AF6D10

#53AF10

#A2AF10

Triadic

#A2AF10

#10A2AF

#AF10A2

Split Complementary

#A2AF10

#1053AF

#6D10AF

Tetradic

#A2AF10

#10AF6D

#1D10AF

#AF1053

Color Blindness Simulation

Original

#A2AF10

Protanopia

#A8A836

Deuteranopia

#A7A640

Tritanopia

#A3555C

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FAE1
200
#F4F9BE
300
#ECF58F
400
#E2EF52
500
#D8EA15
600
#ADBB11
700
#8A950E
800
#6C750B
900
#4F550C
950
#323608

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026