#459099

#459099

Color Values

HEX

#459099

RGB

69, 144, 153

HSL

186.4, 37.8%, 43.5%

HSV

186.4, 54.9%, 60.0%

CMYK

54.9%, 5.9%, 0.0%, 40.0%

OKLCH

0.6093 0.0752 205.8

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#459099

#994E45

Analogous

#459978

#456699

#459099

Triadic

#459099

#994590

#909945

Split Complementary

#459099

#994566

#997845

Tetradic

#459099

#784599

#994E45

#669945

Color Blindness Simulation

Original

#459099

Protanopia

#656697

Deuteranopia

#615C96

Tritanopia

#499595

Achromatopsia

#818181

CSS Usage

background-color: #459099;
color: #459099;
border-color: #459099;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#ABD4D9
400
#7DBDC4
500
#4FA5B0
600
#3F848D
700
#336A70
800
#285358
900
#203D41
950
#142729

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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