#459199

#459199

Color Values

HEX

#459199

RGB

69, 145, 153

HSL

185.7, 37.8%, 43.5%

HSV

185.7, 54.9%, 60.0%

CMYK

54.9%, 5.2%, 0.0%, 40.0%

OKLCH

0.6118 0.0758 204.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#459199

#994D45

Analogous

#459977

#456799

#459199

Triadic

#459199

#994591

#919945

Split Complementary

#459199

#994567

#997745

Tetradic

#459199

#774599

#994D45

#679945

Color Blindness Simulation

Original

#459199

Protanopia

#666797

Deuteranopia

#625C97

Tritanopia

#499695

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#ABD5D9
400
#7DBEC4
500
#4FA7B0
600
#3F858D
700
#336B70
800
#285358
900
#203E41
950
#142729

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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