#AF925E

#AF925E

Color Values

HEX

#AF925E

RGB

175, 146, 94

HSL

38.5, 33.6%, 52.7%

HSV

38.5, 46.3%, 68.6%

CMYK

0.0%, 16.6%, 46.3%, 31.4%

OKLCH

0.6745 0.0777 81.4

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#AF925E

#5E7BAF

Analogous

#AF695E

#A3AF5E

#AF925E

Triadic

#AF925E

#5EAF92

#925EAF

Split Complementary

#AF925E

#5EA3AF

#695EAF

Tetradic

#AF925E

#5EAF69

#5E7BAF

#AF5EA3

Color Blindness Simulation

Original

#AF925E

Protanopia

#A2A26B

Deuteranopia

#A4A66E

Tritanopia

#AE7577

Achromatopsia

#949494

CSS Usage

background-color: #AF925E;
color: #AF925E;
border-color: #AF925E;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E7DFCF
300
#D6C8AD
400
#C0AA81
500
#AA8C55
600
#887044
700
#6D5936
800
#55462A
900
#3F3522
950
#282115

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.1:1

AA Pass AAA Pass

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