#848402

#848402

Color Values

HEX

#848402

RGB

132, 132, 2

HSL

60.0, 97.0%, 26.3%

HSV

60.0, 98.5%, 51.8%

CMYK

0.0%, 0.0%, 98.5%, 48.2%

OKLCH

0.5938 0.1289 109.8

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#848402

#020284

Analogous

#844302

#438402

#848402

Triadic

#848402

#028484

#840284

Split Complementary

#848402

#024384

#430284

Tetradic

#848402

#028443

#020284

#840243

Color Blindness Simulation

Original

#848402

Protanopia

#848421

Deuteranopia

#848429

Tritanopia

#843A40

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB9
300
#FDFD86
400
#FCFC45
500
#FBFB04
600
#C9C903
700
#A1A102
800
#7E7E02
900
#5B5B06
950
#393904

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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