#828F06

#828F06

Color Values

HEX

#828F06

RGB

130, 143, 6

HSL

65.7, 91.9%, 29.2%

HSV

65.7, 95.8%, 56.1%

CMYK

9.1%, 0.0%, 95.8%, 43.9%

OKLCH

0.6182 0.1398 116.0

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#828F06

#13068F

Analogous

#8F5706

#3D8F06

#828F06

Triadic

#828F06

#06828F

#8F0682

Split Complementary

#828F06

#063D8F

#57068F

Tetradic

#828F06

#068F57

#13068F

#8F063D

Color Blindness Simulation

Original

#828F06

Protanopia

#888827

Deuteranopia

#87862F

Tritanopia

#834147

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F6FCBA
300
#EFFA8A
400
#E7F74A
500
#DEF50A
600
#B2C408
700
#8E9D07
800
#6F7A05
900
#515908
950
#333805

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88:1

AA Pass AAA Fail

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