#427CF4

#427CF4

Color Values

HEX

#427CF4

RGB

66, 124, 244

HSL

220.4, 89.0%, 60.8%

HSV

220.4, 73.0%, 95.7%

CMYK

73.0%, 49.2%, 0.0%, 4.3%

OKLCH

0.6119 0.1904 262.7

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#427CF4

#F4BA42

Analogous

#42D5F4

#6142F4

#427CF4

Triadic

#427CF4

#F4427C

#7CF442

Split Complementary

#427CF4

#F46142

#D5F442

Tetradic

#427CF4

#F442D5

#F4BA42

#42F461

Color Blindness Simulation

Original

#427CF4

Protanopia

#5B5CD7

Deuteranopia

#5853D0

Tritanopia

#45C0BB

Achromatopsia

#787878

CSS Usage

background-color: #427CF4;
color: #427CF4;
border-color: #427CF4;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E0E8FB
200
#BCD0FB
300
#8BAFF8
400
#4D84F5
500
#0E58F1
600
#0B47C1
700
#09389A
800
#072C78
900
#0A2357
950
#061637

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass 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