#736F18

#736F18

Color Values

HEX

#736F18

RGB

115, 111, 24

HSL

57.4, 65.5%, 27.3%

HSV

57.4, 79.1%, 45.1%

CMYK

0.0%, 3.5%, 79.1%, 54.9%

OKLCH

0.5292 0.1038 106.7

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#736F18

#181C73

Analogous

#734218

#4A7318

#736F18

Triadic

#736F18

#18736F

#6F1873

Split Complementary

#736F18

#184A73

#421873

Tetradic

#736F18

#187342

#181C73

#73184A

Color Blindness Simulation

Original

#736F18

Protanopia

#71712D

Deuteranopia

#727232

Tritanopia

#733E41

Achromatopsia

#6A6A6A

CSS Usage

background-color: #736F18;
color: #736F18;
border-color: #736F18;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F1C4
300
#EAE69A
400
#DED963
500
#D3CC2C
600
#A9A323
700
#87821C
800
#6A6616
900
#4D4B14
950
#312F0D

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026