#457D83

#457D83

Color Values

HEX

#457D83

RGB

69, 125, 131

HSL

185.8, 31.0%, 39.2%

HSV

185.8, 47.3%, 51.4%

CMYK

47.3%, 4.6%, 0.0%, 48.6%

OKLCH

0.5537 0.0598 204.5

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#457D83

#834B45

Analogous

#45836A

#455E83

#457D83

Triadic

#457D83

#83457D

#7D8345

Split Complementary

#457D83

#83455E

#836A45

Tetradic

#457D83

#6A4583

#834B45

#5E8345

Color Blindness Simulation

Original

#457D83

Protanopia

#5D5E82

Deuteranopia

#5A5681

Tritanopia

#488080

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E4E6
300
#AFD1D5
400
#83B8BE
500
#589FA7
600
#468086
700
#38666B
800
#2C5054
900
#233B3E
950
#162527

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

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