#AFAA95

#AFAA95

Color Values

HEX

#AFAA95

RGB

175, 170, 149

HSL

48.5, 14.0%, 63.5%

HSV

48.5, 14.9%, 68.6%

CMYK

0.0%, 2.9%, 14.9%, 31.4%

OKLCH

0.7364 0.0299 96.0

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFAA95

#959AAF

Analogous

#AF9D95

#A7AF95

#AFAA95

Triadic

#AFAA95

#95AFAA

#AA95AF

Split Complementary

#AFAA95

#95A7AF

#9D95AF

Tetradic

#AFAA95

#95AF9D

#959AAF

#AF95A7

Color Blindness Simulation

Original

#AFAA95

Protanopia

#ADAD9A

Deuteranopia

#ADAE9B

Tritanopia

#AF9E9F

Achromatopsia

#AAAAAA

CSS Usage

background-color: #AFAA95;
color: #AFAA95;
border-color: #AFAA95;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DED6
300
#CAC7B9
400
#AEA993
500
#918B6E
600
#746F58
700
#5D5946
800
#494537
900
#37342A
950
#22211B

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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