#427396

#427396

Color Values

HEX

#427396

RGB

66, 115, 150

HSL

205.0, 38.9%, 42.4%

HSV

205.0, 56.0%, 58.8%

CMYK

56.0%, 23.3%, 0.0%, 41.2%

OKLCH

0.5358 0.0767 241.3

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#427396

#966542

Analogous

#42968F

#424996

#427396

Triadic

#427396

#964273

#739642

Split Complementary

#427396

#964249

#968F42

Tetradic

#427396

#8F4296

#966542

#499642

Color Blindness Simulation

Original

#427396

Protanopia

#57588E

Deuteranopia

#54518C

Tritanopia

#448785

Achromatopsia

#6B6B6B

CSS Usage

background-color: #427396;
color: #427396;
border-color: #427396;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEE9
300
#AAC6DA
400
#7CA7C5
500
#4E88B1
600
#3E6D8E
700
#325771
800
#274459
900
#1F3341
950
#142029

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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