#748276

#748276

Color Values

HEX

#748276

RGB

116, 130, 118

HSL

128.6, 5.7%, 48.2%

HSV

128.6, 10.8%, 51.0%

CMYK

10.8%, 0.0%, 9.2%, 49.0%

OKLCH

0.5915 0.0244 149.5

Properties

Cool Light Nearest: RAL 7036 Platinum Grey

Color Harmonies

Complementary

#748276

#827480

Analogous

#798274

#74827D

#748276

Triadic

#748276

#767482

#827674

Split Complementary

#748276

#7D7482

#827479

Tetradic

#748276

#747982

#827480

#827D74

Color Blindness Simulation

Original

#748276

Protanopia

#7A7A79

Deuteranopia

#79787A

Tritanopia

#757B7C

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDA
300
#BEC5BF
400
#9BA69D
500
#78877A
600
#606C62
700
#4D564E
800
#3C433D
900
#2E332F
950
#1D201D

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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