#143EB8

#143EB8

Color Values

HEX

#143EB8

RGB

20, 62, 184

HSL

224.6, 80.4%, 40.0%

HSV

224.6, 89.1%, 72.2%

CMYK

89.1%, 66.3%, 0.0%, 27.8%

OKLCH

0.4264 0.1969 264.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#143EB8

#B88E14

Analogous

#1490B8

#3C14B8

#143EB8

Triadic

#143EB8

#B8143E

#3EB814

Split Complementary

#143EB8

#B83C14

#90B814

Tetradic

#143EB8

#B81490

#B88E14

#14B83C

Color Blindness Simulation

Original

#143EB8

Protanopia

#26279B

Deuteranopia

#242193

Tritanopia

#16837E

Achromatopsia

#3E3E3E

CSS Usage

background-color: #143EB8;
color: #143EB8;
border-color: #143EB8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BFCDF8
300
#91AAF3
400
#557CED
500
#194EE6
600
#143EB8
700
#103293
800
#0C2773
900
#0D1F54
950
#081435

Contrast Checker

Text on white

8.71:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026