#AE600B

#AE600B

Color Values

HEX

#AE600B

RGB

174, 96, 11

HSL

31.3, 88.1%, 36.3%

HSV

31.3, 93.7%, 68.2%

CMYK

0.0%, 44.8%, 93.7%, 31.8%

OKLCH

0.568 0.1313 58.8

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AE600B

#0B59AE

Analogous

#AE0F0B

#ABAE0B

#AE600B

Triadic

#AE600B

#0BAE60

#600BAE

Split Complementary

#AE600B

#0BABAE

#0F0BAE

Tetradic

#AE600B

#0BAE0F

#0B59AE

#AE0BAB

Color Blindness Simulation

Original

#AE600B

Protanopia

#8C8C20

Deuteranopia

#919724

Tritanopia

#AA3033

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDDBC
300
#F8C48C
400
#F4A44E
500
#F0840F
600
#C06A0C
700
#99550A
800
#784208
900
#57320A
950
#372006

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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