#36760F

#36760F

Color Values

HEX

#36760F

RGB

54, 118, 15

HSL

97,3, 77,4%, 26,1%

HSV

97,3, 87,3%, 46,3%

CMYK

54,2%, 0,0%, 87,3%, 53,7%

OKLCH

0,5038 0,1454 137,1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#36760F

#4F0F76

Analogous

#6A760F

#0F761C

#36760F

Triadic

#36760F

#0F3676

#760F36

Split Complementary

#36760F

#1C0F76

#760F6A

Tetradic

#36760F

#0F6A76

#4F0F76

#761C0F

Color Blindness Simulation

Original

#36760F

Protanopia

#525228

Deuteranopia

#4E492E

Tritanopia

#393C40

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EAF9E1
200
#D5F7C0
300
#B6F192
400
#8FEA58
500
#67E21D
600
#53B517
700
#429112
800
#34710E
900
#28520F
950
#193409

Contrast Checker

Text on white

5,59:1

AA Pass AAA Fail

Text on black

3,76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026