#427196

#427196

Color Values

HEX

#427196

RGB

66, 113, 150

HSL

206.4, 38.9%, 42.4%

HSV

206.4, 56.0%, 58.8%

CMYK

56.0%, 24.7%, 0.0%, 41.2%

OKLCH

0.531 0.078 243.8

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#427196

#966742

Analogous

#429691

#424796

#427196

Triadic

#427196

#964271

#719642

Split Complementary

#427196

#964247

#969142

Tetradic

#427196

#914296

#966742

#479642

Color Blindness Simulation

Original

#427196

Protanopia

#56578D

Deuteranopia

#54508B

Tritanopia

#448684

Achromatopsia

#6A6A6A

CSS Usage

background-color: #427196;
color: #427196;
border-color: #427196;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC5DA
400
#7CA5C5
500
#4E85B1
600
#3E6B8E
700
#325571
800
#274359
900
#1F3241
950
#142029

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

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