#1436EB

#1436EB

Color Values

HEX

#1436EB

RGB

20, 54, 235

HSL

230.5, 84.3%, 50.0%

HSV

230.5, 91.5%, 92.2%

CMYK

91.5%, 77.0%, 0.0%, 7.8%

OKLCH

0.4683 0.2651 265.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1436EB

#EBC914

Analogous

#14A2EB

#5D14EB

#1436EB

Triadic

#1436EB

#EB1436

#36EB14

Split Complementary

#1436EB

#EB5D14

#A2EB14

Tetradic

#1436EB

#EB14A2

#EBC914

#14EB5D

Color Blindness Simulation

Original

#1436EB

Protanopia

#2323BF

Deuteranopia

#211EB5

Tritanopia

#169D95

Achromatopsia

#3C3C3C

CSS Usage

background-color: #1436EB;
color: #1436EB;
border-color: #1436EB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FD
100
#E0E4FA
200
#BDC7F9
300
#8E9FF5
400
#516AF0
500
#1436EB
600
#102BBC
700
#0D2396
800
#0A1B75
900
#0C1755
950
#070F36

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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