#136BC4

#136BC4

Color Values

HEX

#136BC4

RGB

19, 107, 196

HSL

210.2, 82.3%, 42.2%

HSV

210.2, 90.3%, 76.9%

CMYK

90.3%, 45.4%, 0.0%, 23.1%

OKLCH

0.5294 0.1588 254.0

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#136BC4

#C46C13

Analogous

#13C4C4

#1413C4

#136BC4

Triadic

#136BC4

#C4136B

#6BC413

Split Complementary

#136BC4

#C41413

#C4C413

Tetradic

#136BC4

#C413C4

#C46C13

#13C414

Color Blindness Simulation

Original

#136BC4

Protanopia

#393AAE

Deuteranopia

#342DA9

Tritanopia

#179D9A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#8FC1F4
400
#53A0EE
500
#177FE8
600
#1265BA
700
#0E5195
800
#0B3F74
900
#0D3054
950
#081E35

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026