#427CDB

#427CDB

Color Values

HEX

#427CDB

RGB

66, 124, 219

HSL

217.3, 68.0%, 55.9%

HSV

217.3, 69.9%, 85.9%

CMYK

69.9%, 43.4%, 0.0%, 14.1%

OKLCH

0.5952 0.1575 259.8

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#427CDB

#DBA142

Analogous

#42C8DB

#5542DB

#427CDB

Triadic

#427CDB

#DB427C

#7CDB42

Split Complementary

#427CDB

#DB5542

#C8DB42

Tetradic

#427CDB

#DB42C8

#DBA142

#42DB55

Color Blindness Simulation

Original

#427CDB

Protanopia

#5B5CC4

Deuteranopia

#5853BE

Tritanopia

#45B2AE

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D5F4
300
#98B8EB
400
#6091E1
500
#296AD6
600
#2155AB
700
#1A4489
800
#14356B
900
#13294E
950
#0C1A31

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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