#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