#729599

#729599

Color Values

HEX

#729599

RGB

114, 149, 153

HSL

186.2, 16.0%, 52.4%

HSV

186.2, 25.5%, 60.0%

CMYK

25.5%, 2.6%, 0.0%, 40.0%

OKLCH

0.645 0.0392 204.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#729599

#997672

Analogous

#72998A

#728299

#729599

Triadic

#729599

#997295

#959972

Split Complementary

#729599

#997282

#998A72

Tetradic

#729599

#8A7299

#997672

#829972

Color Blindness Simulation

Original

#729599

Protanopia

#818198

Deuteranopia

#7F7C98

Tritanopia

#749797

Achromatopsia

#8E8E8E

CSS Usage

background-color: #729599;
color: #729599;
border-color: #729599;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6E0E1
300
#B8CACC
400
#92ADB0
500
#6B9094
600
#567376
700
#455C5F
800
#36484A
900
#293637
950
#1A2223

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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