#AF6725

#AF6725

Color Values

HEX

#AF6725

RGB

175, 103, 37

HSL

28.7, 65.1%, 41.6%

HSV

28.7, 78.9%, 68.6%

CMYK

0.0%, 41.1%, 78.9%, 31.4%

OKLCH

0.5832 0.1208 58.7

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF6725

#256DAF

Analogous

#AF2528

#AFAC25

#AF6725

Triadic

#AF6725

#25AF67

#6725AF

Split Complementary

#AF6725

#25AFAC

#2528AF

Tetradic

#AF6725

#28AF25

#256DAF

#AC25AF

Color Blindness Simulation

Original

#AF6725

Protanopia

#908F35

Deuteranopia

#949939

Tritanopia

#AB4244

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EAC09A
400
#DE9E63
500
#D37C2C
600
#A86324
700
#874F1C
800
#693E16
900
#4D2F14
950
#311E0D

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.79: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