#136ED0

#136ED0

Color Values

HEX

#136ED0

RGB

19, 110, 208

HSL

211.1, 83.3%, 44.5%

HSV

211.1, 90.9%, 81.6%

CMYK

90.9%, 47.1%, 0.0%, 18.4%

OKLCH

0.5445 0.1708 255.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#136ED0

#D07513

Analogous

#13CDD0

#1613D0

#136ED0

Triadic

#136ED0

#D0136E

#6ED013

Split Complementary

#136ED0

#D01613

#CDD013

Tetradic

#136ED0

#D013CD

#D07513

#13D016

Color Blindness Simulation

Original

#136ED0

Protanopia

#3A3BB8

Deuteranopia

#352EB3

Tritanopia

#18A6A1

Achromatopsia

#626262

CSS Usage

background-color: #136ED0;
color: #136ED0;
border-color: #136ED0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#8FC0F5
400
#529EEF
500
#157CEA
600
#1163BB
700
#0E4F96
800
#0B3E75
900
#0C2F55
950
#081E36

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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