#728684

#728684

Color Values

HEX

#728684

RGB

114, 134, 132

HSL

174.0, 8.1%, 48.6%

HSV

174.0, 14.9%, 52.5%

CMYK

14.9%, 0.0%, 1.5%, 47.5%

OKLCH

0.6035 0.0234 189.2

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#728684

#867274

Analogous

#72867A

#727E86

#728684

Triadic

#728684

#847286

#868472

Split Complementary

#728684

#86727E

#867A72

Tetradic

#728684

#7A7286

#867274

#7E8672

Color Blindness Simulation

Original

#728684

Protanopia

#7B7B84

Deuteranopia

#7A7885

Tritanopia

#738585

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DEDE
300
#BDC7C6
400
#99A8A7
500
#758A88
600
#5E6E6D
700
#4B5857
800
#3B4544
900
#2D3433
950
#1C2120

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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