#748580

#748580

Color Values

HEX

#748580

RGB

116, 133, 128

HSL

162.4, 6.8%, 48.8%

HSV

162.4, 12.8%, 52.2%

CMYK

12.8%, 0.0%, 3.8%, 47.8%

OKLCH

0.6014 0.0212 176.0

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#748580

#857479

Analogous

#748577

#748185

#748580

Triadic

#748580

#807485

#858074

Split Complementary

#748580

#857481

#857774

Tetradic

#748580

#777485

#857479

#818574

Color Blindness Simulation

Original

#748580

Protanopia

#7B7C81

Deuteranopia

#7A7982

Tritanopia

#758282

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDC
300
#BEC6C4
400
#9AA7A3
500
#778883
600
#5F6D69
700
#4C5754
800
#3B4442
900
#2D3332
950
#1D201F

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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