#AB6014

#AB6014

Color Values

HEX

#AB6014

RGB

171, 96, 20

HSL

30.2, 79.1%, 37.5%

HSV

30.2, 88.3%, 67.1%

CMYK

0.0%, 43.9%, 88.3%, 32.9%

OKLCH

0.5642 0.1266 58.7

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AB6014

#145FAB

Analogous

#AB1414

#ABAB14

#AB6014

Triadic

#AB6014

#14AB60

#6014AB

Split Complementary

#AB6014

#14ABAB

#1414AB

Tetradic

#AB6014

#14AB14

#145FAB

#AB14AB

Color Blindness Simulation

Original

#AB6014

Protanopia

#8B8A26

Deuteranopia

#8F942B

Tritanopia

#A73538

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F8DBBF
300
#F2C291
400
#EBA156
500
#E4801B
600
#B76715
700
#925211
800
#72400D
900
#53310E
950
#341F09

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

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