#427DFF

#427DFF

Color Values

HEX

#427DFF

RGB

66, 125, 255

HSL

221.3, 100.0%, 62.9%

HSV

221.3, 74.1%, 100.0%

CMYK

74.1%, 51.0%, 0.0%, 0.0%

OKLCH

0.6217 0.2035 263.3

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#427DFF

#FFC442

Analogous

#42DBFF

#6542FF

#427DFF

Triadic

#427DFF

#FF427D

#7DFF42

Split Complementary

#427DFF

#FF6542

#DBFF42

Tetradic

#427DFF

#FF42DB

#FFC442

#42FF65

Color Blindness Simulation

Original

#427DFF

Protanopia

#5C5CE0

Deuteranopia

#5854D8

Tritanopia

#45C7C1

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CEFF
300
#85ABFF
400
#427DFF
500
#004FFF
600
#0040CC
700
#0033A3
800
#002880
900
#05205C
950
#03143A

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.61:1

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