#AF774B

#AF774B

Color Values

HEX

#AF774B

RGB

175, 119, 75

HSL

26.4, 40.0%, 49.0%

HSV

26.4, 57.1%, 68.6%

CMYK

0.0%, 32.0%, 57.1%, 31.4%

OKLCH

0.6174 0.0922 58.1

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AF774B

#4B83AF

Analogous

#AF4B51

#AFA94B

#AF774B

Triadic

#AF774B

#4BAF77

#774BAF

Split Complementary

#AF774B

#4BAFA9

#4B51AF

Tetradic

#AF774B

#51AF4B

#4B83AF

#A94BAF

Color Blindness Simulation

Original

#AF774B

Protanopia

#979656

Deuteranopia

#9A9E58

Tritanopia

#AC5E60

Achromatopsia

#808080

CSS Usage

background-color: #AF774B;
color: #AF774B;
border-color: #AF774B;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EADACD
300
#DABFA9
400
#C69C7B
500
#B2794C
600
#8F613D
700
#724E31
800
#593D26
900
#422E1F
950
#2A1D14

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.56:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026