#AF6926

#AF6926

Color Values

HEX

#AF6926

RGB

175, 105, 38

HSL

29.3, 64.3%, 41.8%

HSV

29.3, 78.3%, 68.6%

CMYK

0.0%, 40.0%, 78.3%, 31.4%

OKLCH

0.5869 0.1195 60.0

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AF6926

#266CAF

Analogous

#AF2628

#AFAE26

#AF6926

Triadic

#AF6926

#26AF69

#6926AF

Split Complementary

#AF6926

#26AFAE

#2628AF

Tetradic

#AF6926

#28AF26

#266CAF

#AE26AF

Color Blindness Simulation

Original

#AF6926

Protanopia

#919036

Deuteranopia

#959A3A

Tritanopia

#AC4346

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DBC4
300
#E9C19A
400
#DD9F64
500
#D17E2E
600
#A86424
700
#86501D
800
#693F17
900
#4C3014
950
#301E0D

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026