#748178

#748178

Color Values

HEX

#748178

RGB

116, 129, 120

HSL

138.5, 5.3%, 48.0%

HSV

138.5, 10.1%, 50.6%

CMYK

10.1%, 0.0%, 7.0%, 49.4%

OKLCH

0.5898 0.0204 155.5

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#748178

#81747D

Analogous

#768174

#74817E

#748178

Triadic

#748178

#787481

#817874

Split Complementary

#748178

#7E7481

#817476

Tetradic

#748178

#747681

#81747D

#817E74

Color Blindness Simulation

Original

#748178

Protanopia

#7A7A7A

Deuteranopia

#79787B

Tritanopia

#757C7C

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDB
300
#BFC5C1
400
#9CA69F
500
#79867D
600
#616B64
700
#4D5650
800
#3C433E
900
#2E3330
950
#1D201E

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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