#AFBC96

#AFBC96

Color Values

HEX

#AFBC96

RGB

175, 188, 150

HSL

80.5, 22.1%, 66.3%

HSV

80.5, 20.2%, 73.7%

CMYK

6.9%, 0.0%, 20.2%, 26.3%

OKLCH

0.775 0.0542 123.0

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFBC96

#A396BC

Analogous

#BCB696

#9CBC96

#AFBC96

Triadic

#AFBC96

#96AFBC

#BC96AF

Split Complementary

#AFBC96

#969CBC

#B696BC

Tetradic

#AFBC96

#96BCB6

#A396BC

#BC969C

Color Blindness Simulation

Original

#AFBC96

Protanopia

#B5B59F

Deuteranopia

#B4B3A1

Tritanopia

#B0A6A8

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1EA
200
#DEE3D3
300
#C6CFB4
400
#A7B68C
500
#889C63
600
#6D7D4F
700
#576440
800
#444E32
900
#343A27
950
#212519

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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