#AFB865

#AFB865

Color Values

HEX

#AFB865

RGB

175, 184, 101

HSL

66.5, 36.9%, 55.9%

HSV

66.5, 45.1%, 72.2%

CMYK

4.9%, 0.0%, 45.1%, 27.8%

OKLCH

0.7571 0.1077 114.1

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#AFB865

#6E65B8

Analogous

#B89865

#86B865

#AFB865

Triadic

#AFB865

#65AFB8

#B865AF

Split Complementary

#AFB865

#6586B8

#9865B8

Tetradic

#AFB865

#65B898

#6E65B8

#B86586

Color Blindness Simulation

Original

#AFB865

Protanopia

#B3B379

Deuteranopia

#B2B27E

Tritanopia

#AF898C

Achromatopsia

#B0B0B0

CSS Usage

background-color: #AFB865;
color: #AFB865;
border-color: #AFB865;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#F9FAF5
100
#F2F3E8
200
#E6E8CE
300
#D3D8AB
400
#BCC37E
500
#A4AF50
600
#838C40
700
#697033
800
#525728
900
#3D4120
950
#272914

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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