#727306

#727306

Color Values

HEX

#727306

RGB

114, 115, 6

HSL

60.6, 90.1%, 23.7%

HSV

60.6, 94.8%, 45.1%

CMYK

0.9%, 0.0%, 94.8%, 54.9%

OKLCH

0.537 0.1156 110.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#727306

#070673

Analogous

#733E06

#3B7306

#727306

Triadic

#727306

#067273

#730672

Split Complementary

#727306

#063B73

#3E0673

Tetradic

#727306

#06733E

#070673

#73063B

Color Blindness Simulation

Original

#727306

Protanopia

#727220

Deuteranopia

#727227

Tritanopia

#72353A

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFBBB
300
#F8F98B
400
#F4F64C
500
#F0F20D
600
#C0C20A
700
#9A9B08
800
#787906
900
#575809
950
#373706

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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