#45789D

#45789D

Color Values

HEX

#45789D

RGB

69, 120, 157

HSL

205.2, 38.9%, 44.3%

HSV

205.2, 56.1%, 61.6%

CMYK

56.1%, 23.6%, 0.0%, 38.4%

OKLCH

0.5526 0.0798 241.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#45789D

#9D6A45

Analogous

#459D96

#454C9D

#45789D

Triadic

#45789D

#9D4578

#789D45

Split Complementary

#45789D

#9D454C

#9D9645

Tetradic

#45789D

#96459D

#9D6A45

#4C9D45

Color Blindness Simulation

Original

#45789D

Protanopia

#5B5C94

Deuteranopia

#585492

Tritanopia

#488D8B

Achromatopsia

#707070

CSS Usage

background-color: #45789D;
color: #45789D;
border-color: #45789D;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEE9
300
#AAC6DA
400
#7CA7C5
500
#4E87B1
600
#3E6C8E
700
#325771
800
#274459
900
#1F3341
950
#142029

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026