#144CEB

#144CEB

Color Values

HEX

#144CEB

RGB

20, 76, 235

HSL

224.4, 84.3%, 50.0%

HSV

224.4, 91.5%, 92.2%

CMYK

91.5%, 67.7%, 0.0%, 7.8%

OKLCH

0.501 0.2439 264.1

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#144CEB

#EBB314

Analogous

#14B7EB

#4814EB

#144CEB

Triadic

#144CEB

#EB144C

#4CEB14

Split Complementary

#144CEB

#EB4814

#B7EB14

Tetradic

#144CEB

#EB14B7

#EBB314

#14EB48

Color Blindness Simulation

Original

#144CEB

Protanopia

#2C2DC5

Deuteranopia

#2925BB

Tritanopia

#17A69F

Achromatopsia

#4C4C4C

CSS Usage

background-color: #144CEB;
color: #144CEB;
border-color: #144CEB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCDF9
300
#8EA9F5
400
#517AF0
500
#144CEB
600
#103DBC
700
#0D3196
800
#0A2675
900
#0C1F55
950
#071336

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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