#AFB887

#AFB887

Color Values

HEX

#AFB887

RGB

175, 184, 135

HSL

71.0, 25.7%, 62.5%

HSV

71.0, 26.6%, 72.2%

CMYK

4.9%, 0.0%, 26.6%, 27.8%

OKLCH

0.7631 0.0674 116.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#AFB887

#9087B8

Analogous

#B8A887

#96B887

#AFB887

Triadic

#AFB887

#87AFB8

#B887AF

Split Complementary

#AFB887

#8796B8

#A887B8

Tetradic

#AFB887

#87B8A8

#9087B8

#B88796

Color Blindness Simulation

Original

#AFB887

Protanopia

#B3B393

Deuteranopia

#B2B296

Tritanopia

#AF9C9E

Achromatopsia

#B3B3B3

CSS Usage

background-color: #AFB887;
color: #AFB887;
border-color: #AFB887;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F6
100
#F0F1E9
200
#E1E4D2
300
#CCD2B2
400
#B0B988
500
#94A05F
600
#77804C
700
#5F673D
800
#4A502F
900
#383C25
950
#232618

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026