#115BC2

#115BC2

Color Values

HEX

#115BC2

RGB

17, 91, 194

HSL

214.9, 83.9%, 41.4%

HSV

214.9, 91.2%, 76.1%

CMYK

91.2%, 53.1%, 0.0%, 23.9%

OKLCH

0.4924 0.1755 258.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#115BC2

#C27811

Analogous

#11B4C2

#1F11C2

#115BC2

Triadic

#115BC2

#C2115B

#5BC211

Split Complementary

#115BC2

#C21F11

#B4C211

Tetradic

#115BC2

#C211B4

#C27811

#11C21F

Color Blindness Simulation

Original

#115BC2

Protanopia

#3132A9

Deuteranopia

#2D27A3

Tritanopia

#159591

Achromatopsia

#535353

CSS Usage

background-color: #115BC2;
color: #115BC2;
border-color: #115BC2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD6F9
300
#8EB9F5
400
#5194F0
500
#156EEA
600
#1058BC
700
#0D4696
800
#0A3775
900
#0C2A55
950
#071B36

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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