#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026