#A5AB63

#A5AB63

Color Values

HEX

#A5AB63

RGB

165, 171, 99

HSL

65.0, 30.0%, 52.9%

HSV

65.0, 42.1%, 67.1%

CMYK

3.5%, 0.0%, 42.1%, 32.9%

OKLCH

0.7199 0.0953 112.7

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#A5AB63

#6963AB

Analogous

#AB8D63

#81AB63

#A5AB63

Triadic

#A5AB63

#63A5AB

#AB63A5

Split Complementary

#A5AB63

#6381AB

#8D63AB

Tetradic

#A5AB63

#63AB8D

#6963AB

#AB6381

Color Blindness Simulation

Original

#A5AB63

Protanopia

#A8A874

Deuteranopia

#A7A779

Tritanopia

#A58285

Achromatopsia

#A5A5A5

CSS Usage

background-color: #A5AB63;
color: #A5AB63;
border-color: #A5AB63;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D1
300
#D1D4AF
400
#B8BD84
500
#9FA659
600
#808547
700
#666A39
800
#50532D
900
#3B3E23
950
#252716

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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