#A4680F

#A4680F

Color Values

HEX

#A4680F

RGB

164, 104, 15

HSL

35.8, 83.2%, 35.1%

HSV

35.8, 90.9%, 64.3%

CMYK

0.0%, 36.6%, 90.9%, 35.7%

OKLCH

0.5693 0.1196 68.9

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#A4680F

#0F4BA4

Analogous

#A41D0F

#96A40F

#A4680F

Triadic

#A4680F

#0FA468

#680FA4

Split Complementary

#A4680F

#0F96A4

#1D0FA4

Tetradic

#A4680F

#0FA41D

#0F4BA4

#A40F96

Color Blindness Simulation

Original

#A4680F

Protanopia

#8A8925

Deuteranopia

#8E922A

Tritanopia

#A13639

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E1
200
#F9E1BE
300
#F5CC8F
400
#EFB052
500
#EA9415
600
#BB7611
700
#955F0E
800
#754A0B
900
#55370C
950
#362308

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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