#828C01

#828C01

Color Values

HEX

#828C01

RGB

130, 140, 1

HSL

64.3, 98.6%, 27.6%

HSV

64.3, 99.3%, 54.9%

CMYK

7.1%, 0.0%, 99.3%, 45.1%

OKLCH

0.6109 0.1379 114.7

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#828C01

#0B018C

Analogous

#8C5001

#3C8C01

#828C01

Triadic

#828C01

#01828C

#8C0182

Split Complementary

#828C01

#013C8C

#50018C

Tetradic

#828C01

#018C50

#0B018C

#8C013C

Color Blindness Simulation

Original

#828C01

Protanopia

#868623

Deuteranopia

#86852B

Tritanopia

#823D43

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FAFCDE
200
#F9FFB8
300
#F5FE85
400
#F0FE44
500
#EBFD02
600
#BCCB01
700
#97A201
800
#767F01
900
#555B05
950
#363A03

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026