#45767C

#45767C

Color Values

HEX

#45767C

RGB

69, 118, 124

HSL

186.5, 28.5%, 37.8%

HSV

186.5, 44.4%, 48.6%

CMYK

44.4%, 4.8%, 0.0%, 51.4%

OKLCH

0.5335 0.0538 205.7

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#45767C

#7C4B45

Analogous

#457C66

#455A7C

#45767C

Triadic

#45767C

#7C4576

#767C45

Split Complementary

#45767C

#7C455A

#7C6645

Tetradic

#45767C

#66457C

#7C4B45

#5A7C45

Color Blindness Simulation

Original

#45767C

Protanopia

#5A5B7B

Deuteranopia

#57547A

Tritanopia

#477979

Achromatopsia

#6C6C6C

CSS Usage

background-color: #45767C;
color: #45767C;
border-color: #45767C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9F9
100
#E9F1F1
200
#D1E3E5
300
#B0CFD3
400
#86B6BC
500
#5B9CA4
600
#497D83
700
#3A6469
800
#2E4E52
900
#243A3D
950
#172526

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026