#427AAC

#427AAC

Color Values

HEX

#427AAC

RGB

66, 122, 172

HSL

208.3, 44.5%, 46.7%

HSV

208.3, 61.6%, 67.5%

CMYK

61.6%, 29.1%, 0.0%, 32.5%

OKLCH

0.5635 0.098 247.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#427AAC

#AC7442

Analogous

#42ACA9

#4245AC

#427AAC

Triadic

#427AAC

#AC427A

#7AAC42

Split Complementary

#427AAC

#AC4245

#ACA942

Tetradic

#427AAC

#A942AC

#AC7442

#45AC42

Color Blindness Simulation

Original

#427AAC

Protanopia

#5A5BA0

Deuteranopia

#57539D

Tritanopia

#459694

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEB
300
#A7C3DD
400
#77A3CB
500
#4783B8
600
#396993
700
#2D5476
800
#23415C
900
#1D3244
950
#121F2B

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026