#11586F

#11586F

Color Values

HEX

#11586F

RGB

17, 88, 111

HSL

194.7, 73.4%, 25.1%

HSV

194.7, 84.7%, 43.5%

CMYK

84.7%, 20.7%, 0.0%, 56.5%

OKLCH

0.4301 0.0754 225.3

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#11586F

#6F2811

Analogous

#116F57

#11296F

#11586F

Triadic

#11586F

#6F1158

#586F11

Split Complementary

#11586F

#6F1129

#6F5711

Tetradic

#11586F

#57116F

#6F2811

#296F11

Color Blindness Simulation

Original

#11586F

Protanopia

#303069

Deuteranopia

#2C2668

Tritanopia

#156564

Achromatopsia

#4B4B4B

CSS Usage

background-color: #11586F;
color: #11586F;
border-color: #11586F;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3FAFC
100
#E2F3F8
200
#C1E9F6
300
#95D9EF
400
#5BC4E6
500
#22AFDD
600
#1B8CB1
700
#16708D
800
#11586F
900
#104150
950
#0A2933

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

2.65:1

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