#427DAC

#427DAC

Color Values

HEX

#427DAC

RGB

66, 125, 172

HSL

206.6, 44.5%, 46.7%

HSV

206.6, 61.6%, 67.5%

CMYK

61.6%, 27.3%, 0.0%, 32.5%

OKLCH

0.5705 0.0956 244.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#427DAC

#AC7142

Analogous

#42ACA6

#4248AC

#427DAC

Triadic

#427DAC

#AC427D

#7DAC42

Split Complementary

#427DAC

#AC4248

#ACA642

Tetradic

#427DAC

#A642AC

#AC7142

#48AC42

Color Blindness Simulation

Original

#427DAC

Protanopia

#5C5CA1

Deuteranopia

#58549E

Tritanopia

#459896

Achromatopsia

#747474

CSS Usage

background-color: #427DAC;
color: #427DAC;
border-color: #427DAC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDDEB
300
#A7C5DD
400
#77A5CB
500
#4786B8
600
#396B93
700
#2D5676
800
#23435C
900
#1D3344
950
#12202B

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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