#AF6627

#AF6627

Color Values

HEX

#AF6627

RGB

175, 102, 39

HSL

27.8, 63.6%, 42.0%

HSV

27.8, 77.7%, 68.6%

CMYK

0.0%, 41.7%, 77.7%, 31.4%

OKLCH

0.5815 0.1203 57.3

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF6627

#2770AF

Analogous

#AF272C

#AFAA27

#AF6627

Triadic

#AF6627

#27AF66

#6627AF

Split Complementary

#AF6627

#27AFAA

#272CAF

Tetradic

#AF6627

#2CAF27

#2770AF

#AA27AF

Color Blindness Simulation

Original

#AF6627

Protanopia

#8F8F36

Deuteranopia

#94993A

Tritanopia

#AB4245

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F2DAC5
300
#E9BF9B
400
#DD9C65
500
#D17A2E
600
#A76125
700
#854E1E
800
#683D17
900
#4C2E15
950
#301D0D

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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