#457F84

#457F84

Color Values

HEX

#457F84

RGB

69, 127, 132

HSL

184.8, 31.3%, 39.4%

HSV

184.8, 47.7%, 51.8%

CMYK

47.7%, 3.8%, 0.0%, 48.2%

OKLCH

0.5591 0.0612 202.8

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#457F84

#844A45

Analogous

#45846A

#455F84

#457F84

Triadic

#457F84

#84457F

#7F8445

Split Complementary

#457F84

#84455F

#846A45

Tetradic

#457F84

#6A4584

#844A45

#5F8445

Color Blindness Simulation

Original

#457F84

Protanopia

#5E5F83

Deuteranopia

#5B5682

Tritanopia

#488282

Achromatopsia

#737373

CSS Usage

background-color: #457F84;
color: #457F84;
border-color: #457F84;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E6
300
#AFD2D5
400
#83B9BE
500
#58A1A7
600
#468186
700
#38676B
800
#2C5154
900
#233C3E
950
#162627

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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