#828306

#828306

Color Values

HEX

#828306

RGB

130, 131, 6

HSL

60.5, 91.2%, 26.9%

HSV

60.5, 95.4%, 51.4%

CMYK

0.8%, 0.0%, 95.4%, 48.6%

OKLCH

0.5897 0.1274 110.3

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#828306

#070683

Analogous

#834606

#448306

#828306

Triadic

#828306

#068283

#830682

Split Complementary

#828306

#064483

#460683

Tetradic

#828306

#068346

#070683

#830644

Color Blindness Simulation

Original

#828306

Protanopia

#828224

Deuteranopia

#82822C

Tritanopia

#823C41

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFCBB
300
#F9FA8A
400
#F5F74B
500
#F2F40B
600
#C1C309
700
#9B9C07
800
#797A06
900
#585809
950
#373805

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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