#738895

#738895

Color Values

HEX

#738895

RGB

115, 136, 149

HSL

202.9, 13.8%, 51.8%

HSV

202.9, 22.8%, 58.4%

CMYK

22.8%, 8.7%, 0.0%, 41.6%

OKLCH

0.6146 0.0313 235.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#738895

#958073

Analogous

#739591

#737795

#738895

Triadic

#738895

#957388

#889573

Split Complementary

#738895

#957377

#959173

Tetradic

#738895

#917395

#958073

#779573

Color Blindness Simulation

Original

#738895

Protanopia

#7C7C92

Deuteranopia

#7B7991

Tritanopia

#748F8F

Achromatopsia

#848484

CSS Usage

background-color: #738895;
color: #738895;
border-color: #738895;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DCE0
300
#B9C4CA
400
#94A4AE
500
#6E8491
600
#586974
700
#46545D
800
#374249
900
#2A3236
950
#1B1F22

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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