#AF834C

#AF834C

Color Values

HEX

#AF834C

RGB

175, 131, 76

HSL

33.3, 39.4%, 49.2%

HSV

33.3, 56.6%, 68.6%

CMYK

0.0%, 25.1%, 56.6%, 31.4%

OKLCH

0.6411 0.0902 71.2

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AF834C

#4C78AF

Analogous

#AF514C

#A9AF4C

#AF834C

Triadic

#AF834C

#4CAF83

#834CAF

Split Complementary

#AF834C

#4CA9AF

#514CAF

Tetradic

#AF834C

#4CAF51

#4C78AF

#AF4CA9

Color Blindness Simulation

Original

#AF834C

Protanopia

#9C9C59

Deuteranopia

#9EA25C

Tritanopia

#AD6466

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DDCD
300
#DAC4AA
400
#C6A57B
500
#B2854D
600
#8E6A3E
700
#725531
800
#594327
900
#42321F
950
#292014

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026