#142FEB

#142FEB

Color Values

HEX

#142FEB

RGB

20, 47, 235

HSL

232.5, 84.3%, 50.0%

HSV

232.5, 91.5%, 92.2%

CMYK

91.5%, 80.0%, 0.0%, 7.8%

OKLCH

0.4598 0.2707 265.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#142FEB

#EBD014

Analogous

#149AEB

#6514EB

#142FEB

Triadic

#142FEB

#EB142F

#2FEB14

Split Complementary

#142FEB

#EB6514

#9AEB14

Tetradic

#142FEB

#EB149A

#EBD014

#14EB65

Color Blindness Simulation

Original

#142FEB

Protanopia

#2020BE

Deuteranopia

#1E1CB3

Tritanopia

#159A92

Achromatopsia

#373737

CSS Usage

background-color: #142FEB;
color: #142FEB;
border-color: #142FEB;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BDC5F9
300
#8E9BF5
400
#5165F0
500
#142FEB
600
#1026BC
700
#0D1E96
800
#0A1775
900
#0C1555
950
#070D36

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026