#AF7F46

#AF7F46

Color Values

HEX

#AF7F46

RGB

175, 127, 70

HSL

32,6, 42,9%, 48,0%

HSV

32,6, 60,0%, 68,6%

CMYK

0,0%, 27,4%, 60,0%, 31,4%

OKLCH

0,6323 0,0949 69,4

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AF7F46

#4676AF

Analogous

#AF4A46

#AAAF46

#AF7F46

Triadic

#AF7F46

#46AF7F

#7F46AF

Split Complementary

#AF7F46

#46AAAF

#4A46AF

Tetradic

#AF7F46

#46AF4A

#4676AF

#AF46AA

Color Blindness Simulation

Original

#AF7F46

Protanopia

#9A9A54

Deuteranopia

#9DA157

Tritanopia

#AD5F61

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDDCC
300
#DCC4A8
400
#C9A478
500
#B68449
600
#926A3A
700
#75552F
800
#5B4224
900
#43321E
950
#2A2013

Contrast Checker

Text on white

3,53:1

AA Fail AAA Fail

Text on black

5,95:1

AA Pass AAA Fail

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