#748376

#748376

Color Values

HEX

#748376

RGB

116, 131, 118

HSL

128.0, 6.1%, 48.4%

HSV

128.0, 11.5%, 51.4%

CMYK

11.5%, 0.0%, 9.9%, 48.6%

OKLCH

0.5938 0.0263 149.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#748376

#837481

Analogous

#798374

#74837D

#748376

Triadic

#748376

#767483

#837674

Split Complementary

#748376

#7D7483

#837479

Tetradic

#748376

#747983

#837481

#837D74

Color Blindness Simulation

Original

#748376

Protanopia

#7A7B79

Deuteranopia

#7A787A

Tritanopia

#757C7C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #748376;
color: #748376;
border-color: #748376;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DDDA
300
#BEC6BF
400
#9BA69C
500
#78877A
600
#606C61
700
#4D574E
800
#3C443D
900
#2E332E
950
#1D201D

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

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