#748352

#748352

Color Values

HEX

#748352

RGB

116, 131, 82

HSL

78.4, 23.0%, 41.8%

HSV

78.4, 37.4%, 51.4%

CMYK

11.5%, 0.0%, 37.4%, 48.6%

OKLCH

0.5851 0.0723 122.5

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#748352

#615283

Analogous

#837A52

#5C8352

#748352

Triadic

#748352

#527483

#835274

Split Complementary

#748352

#525C83

#7A5283

Tetradic

#748352

#52837A

#615283

#83525C

Color Blindness Simulation

Original

#748352

Protanopia

#7A7B5E

Deuteranopia

#7A7861

Tritanopia

#756769

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1EA
200
#DEE4D3
300
#C7D0B4
400
#A9B68B
500
#8B9D62
600
#6F7D4F
700
#59643F
800
#454E31
900
#343A26
950
#212518

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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