#115486

#115486

Color Values

HEX

#115486

RGB

17, 84, 134

HSL

205.6, 77.5%, 29.6%

HSV

205.6, 87.3%, 52.5%

CMYK

87.3%, 37.3%, 0.0%, 47.5%

OKLCH

0.4329 0.104 246.8

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#115486

#864311

Analogous

#11867D

#111A86

#115486

Triadic

#115486

#861154

#548611

Split Complementary

#115486

#86111A

#867D11

Tetradic

#115486

#7D1186

#864311

#1A8611

Color Blindness Simulation

Original

#115486

Protanopia

#2E2F7A

Deuteranopia

#2A2577

Tritanopia

#14706E

Achromatopsia

#494949

CSS Usage

background-color: #115486;
color: #115486;
border-color: #115486;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0DFF7
300
#92C9F1
400
#58ABEA
500
#1D8EE2
600
#1772B5
700
#125B91
800
#0E4771
900
#0F3552
950
#092234

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026