#848431

#848431

Color Values

HEX

#848431

RGB

132, 132, 49

HSL

60.0, 45.9%, 35.5%

HSV

60.0, 62.9%, 51.8%

CMYK

0.0%, 0.0%, 62.9%, 48.2%

OKLCH

0.5964 0.105 109.2

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#848431

#313184

Analogous

#845B31

#5B8431

#848431

Triadic

#848431

#318484

#843184

Split Complementary

#848431

#315B84

#5B3184

Tetradic

#848431

#31845B

#313184

#84315B

Color Blindness Simulation

Original

#848431

Protanopia

#848445

Deuteranopia

#84844A

Tritanopia

#845558

Achromatopsia

#7E7E7E

CSS Usage

background-color: #848431;
color: #848431;
border-color: #848431;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCB
300
#DEDEA6
400
#CCCC75
500
#BABA45
600
#959537
700
#77772C
800
#5D5D22
900
#44441C
950
#2B2B12

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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