#136EC4

#136EC4

Color Values

HEX

#136EC4

RGB

19, 110, 196

HSL

209.2, 82.3%, 42.2%

HSV

209.2, 90.3%, 76.9%

CMYK

90.3%, 43.9%, 0.0%, 23.1%

OKLCH

0.5361 0.1554 252.8

Properties

Cool Dark Nearest: dodgerblue 3

Color Harmonies

Complementary

#136EC4

#C46913

Analogous

#13C4C2

#1315C4

#136EC4

Triadic

#136EC4

#C4136E

#6EC413

Split Complementary

#136EC4

#C41315

#C4C213

Tetradic

#136EC4

#C213C4

#C46913

#15C413

Color Blindness Simulation

Original

#136EC4

Protanopia

#3A3BAF

Deuteranopia

#352EAA

Tritanopia

#189F9B

Achromatopsia

#616161

CSS Usage

background-color: #136EC4;
color: #136EC4;
border-color: #136EC4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDCF9
300
#8FC3F4
400
#53A3EE
500
#1782E8
600
#1268BA
700
#0E5395
800
#0B4174
900
#0D3154
950
#081F35

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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