#505306

#505306

Color Values

HEX

#505306

RGB

80, 83, 6

HSL

62.3, 86.5%, 17.5%

HSV

62.3, 92.8%, 32.5%

CMYK

3.6%, 0.0%, 92.8%, 67.5%

OKLCH

0.4255 0.0912 112.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#505306

#090653

Analogous

#533006

#2A5306

#505306

Triadic

#505306

#065053

#530650

Split Complementary

#505306

#062A53

#300653

Tetradic

#505306

#065330

#090653

#53062A

Color Blindness Simulation

Original

#505306

Protanopia

#515119

Deuteranopia

#51511D

Tritanopia

#50272B

Achromatopsia

#4D4D4D

CSS Usage

background-color: #505306;
color: #505306;
border-color: #505306;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FDFDF2
100
#F9FAE0
200
#F8FABC
300
#F3F78D
400
#ECF24F
500
#E5EE11
600
#B7BE0E
700
#93980B
800
#737709
900
#53560B
950
#353607

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail 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