#A6AF56

#A6AF56

Color Values

HEX

#A6AF56

RGB

166, 175, 86

HSL

66.1, 35.7%, 51.2%

HSV

66.1, 50.9%, 68.6%

CMYK

5.1%, 0.0%, 50.9%, 31.4%

OKLCH

0.7277 0.1141 114.0

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#A6AF56

#5F56AF

Analogous

#AF8C56

#7AAF56

#A6AF56

Triadic

#A6AF56

#56A6AF

#AF56A6

Split Complementary

#A6AF56

#567AAF

#8C56AF

Tetradic

#A6AF56

#56AF8C

#5F56AF

#AF567A

Color Blindness Simulation

Original

#A6AF56

Protanopia

#AAAA6C

Deuteranopia

#A9A971

Tritanopia

#A67D80

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E5E8CF
300
#D3D8AC
400
#BBC27F
500
#A4AD52
600
#838A42
700
#696F34
800
#525729
900
#3D4021
950
#262815

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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