#A1993F

#A1993F

Color Values

HEX

#A1993F

RGB

161, 153, 63

HSL

55.1, 43.7%, 43.9%

HSV

55.1, 60.9%, 63.1%

CMYK

0.0%, 5.0%, 60.9%, 36.9%

OKLCH

0.6717 0.1118 104.2

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#A1993F

#3F47A1

Analogous

#A1683F

#78A13F

#A1993F

Triadic

#A1993F

#3FA199

#993FA1

Split Complementary

#A1993F

#3F78A1

#683FA1

Tetradic

#A1993F

#3FA168

#3F47A1

#A13F78

Color Blindness Simulation

Original

#A1993F

Protanopia

#9E9D55

Deuteranopia

#9E9F5A

Tritanopia

#A1666A

Achromatopsia

#949494

CSS Usage

background-color: #A1993F;
color: #A1993F;
border-color: #A1993F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EBE8CC
300
#DDD8A7
400
#CAC377
500
#B7AE48
600
#938B39
700
#756F2E
800
#5C5724
900
#44401D
950
#2B2913

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

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