#AF844C

#AF844C

Color Values

HEX

#AF844C

RGB

175, 132, 76

HSL

33,9, 39,4%, 49,2%

HSV

33,9, 56,6%, 68,6%

CMYK

0,0%, 24,6%, 56,6%, 31,4%

OKLCH

0,6431 0,0904 72,3

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AF844C

#4C77AF

Analogous

#AF524C

#A8AF4C

#AF844C

Triadic

#AF844C

#4CAF84

#844CAF

Split Complementary

#AF844C

#4CA8AF

#524CAF

Tetradic

#AF844C

#4CAF52

#4C77AF

#AF4CA8

Color Blindness Simulation

Original

#AF844C

Protanopia

#9C9C5A

Deuteranopia

#9FA25D

Tritanopia

#AD6467

Achromatopsia

#898989

CSS Usage

background-color: #AF844C;
color: #AF844C;
border-color: #AF844C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DDCD
300
#DAC5AA
400
#C6A57B
500
#B2864D
600
#8E6B3E
700
#725631
800
#594327
900
#42331F
950
#292014

Contrast Checker

Text on white

3,37:1

AA Fail AAA Fail

Text on black

6,23:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026