#146EC4

#146EC4

Color Values

HEX

#146EC4

RGB

20, 110, 196

HSL

209.3, 81.5%, 42.4%

HSV

209.3, 89.8%, 76.9%

CMYK

89.8%, 43.9%, 0.0%, 23.1%

OKLCH

0.5363 0.1553 252.9

Properties

Cool Dark Nearest: dodgerblue 3

Color Harmonies

Complementary

#146EC4

#C46A14

Analogous

#14C4C2

#1416C4

#146EC4

Triadic

#146EC4

#C4146E

#6EC414

Split Complementary

#146EC4

#C41416

#C4C214

Tetradic

#146EC4

#C214C4

#C46A14

#16C414

Color Blindness Simulation

Original

#146EC4

Protanopia

#3B3CAF

Deuteranopia

#362FAA

Tritanopia

#189F9B

Achromatopsia

#616161

CSS Usage

background-color: #146EC4;
color: #146EC4;
border-color: #146EC4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDCF8
300
#90C3F4
400
#54A2EE
500
#1882E7
600
#1368B9
700
#0F5394
800
#0C4174
900
#0D3154
950
#081F35

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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