#748684

#748684

Color Values

HEX

#748684

RGB

116, 134, 132

HSL

173.3, 7.2%, 49.0%

HSV

173.3, 13.4%, 52.5%

CMYK

13.4%, 0.0%, 1.5%, 47.5%

OKLCH

0.605 0.0211 188.5

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#748684

#867476

Analogous

#74867B

#747F86

#748684

Triadic

#748684

#847486

#868474

Split Complementary

#748684

#86747F

#867B74

Tetradic

#748684

#7B7486

#867476

#7F8674

Color Blindness Simulation

Original

#748684

Protanopia

#7C7C84

Deuteranopia

#7B7985

Tritanopia

#758585

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDD
300
#BDC6C5
400
#9AA7A6
500
#768987
600
#5F6D6C
700
#4C5756
800
#3B4443
900
#2D3433
950
#1D2120

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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