#45858D

#45858D

Color Values

HEX

#45858D

RGB

69, 133, 141

HSL

186.7, 34.3%, 41.2%

HSV

186.7, 51.1%, 55.3%

CMYK

51.1%, 5.7%, 0.0%, 44.7%

OKLCH

0.5775 0.0667 206.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#45858D

#8D4D45

Analogous

#458D71

#45618D

#45858D

Triadic

#45858D

#8D4585

#858D45

Split Complementary

#45858D

#8D4561

#8D7145

Tetradic

#45858D

#71458D

#8D4D45

#618D45

Color Blindness Simulation

Original

#45858D

Protanopia

#61618B

Deuteranopia

#5D588B

Tritanopia

#488A89

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ADD2D7
400
#80BAC1
500
#54A1AB
600
#438189
700
#36676E
800
#2A5156
900
#213C3F
950
#152628

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026