#AEAC96

#AEAC96

Color Values

HEX

#AEAC96

RGB

174, 172, 150

HSL

55,0, 12,9%, 63,5%

HSV

55,0, 13,8%, 68,2%

CMYK

0,0%, 1,1%, 13,8%, 31,8%

OKLCH

0,74 0,0308 102,9

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AEAC96

#9698AE

Analogous

#AEA096

#A4AE96

#AEAC96

Triadic

#AEAC96

#96AEAC

#AC96AE

Split Complementary

#AEAC96

#96A4AE

#A096AE

Tetradic

#AEAC96

#96AEA0

#9698AE

#AE96A4

Color Blindness Simulation

Original

#AEAC96

Protanopia

#ADAD9B

Deuteranopia

#ADAD9D

Tritanopia

#AEA0A0

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0DFD7
300
#CAC8BA
400
#ADAB94
500
#908D6F
600
#737159
700
#5C5A47
800
#484738
900
#36352B
950
#22221B

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,14:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026