#738BA9

#738BA9

Color Values

HEX

#738BA9

RGB

115, 139, 169

HSL

213.3, 23.9%, 55.7%

HSV

213.3, 32.0%, 66.3%

CMYK

32.0%, 17.8%, 0.0%, 33.7%

OKLCH

0.6291 0.0532 254.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#738BA9

#A99173

Analogous

#73A6A9

#7673A9

#738BA9

Triadic

#738BA9

#A9738B

#8BA973

Split Complementary

#738BA9

#A97673

#A6A973

Tetradic

#738BA9

#A973A6

#A99173

#73A976

Color Blindness Simulation

Original

#738BA9

Protanopia

#7D7EA2

Deuteranopia

#7C7AA0

Tritanopia

#749C9B

Achromatopsia

#888888

CSS Usage

background-color: #738BA9;
color: #738BA9;
border-color: #738BA9;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DAE4
300
#B3C0D0
400
#8A9EB7
500
#617C9E
600
#4E637E
700
#3E4F65
800
#313E4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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