#426F7C

#426F7C

Color Values

HEX

#426F7C

RGB

66, 111, 124

HSL

193.4, 30.5%, 37.3%

HSV

193.4, 46.8%, 48.6%

CMYK

46.8%, 10.5%, 0.0%, 51.4%

OKLCH

0.5144 0.0535 218.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#426F7C

#7C4F42

Analogous

#427C6C

#42527C

#426F7C

Triadic

#426F7C

#7C426F

#6F7C42

Split Complementary

#426F7C

#7C4252

#7C6C42

Tetradic

#426F7C

#6C427C

#7C4F42

#527C42

Color Blindness Simulation

Original

#426F7C

Protanopia

#555679

Deuteranopia

#535078

Tritanopia

#447676

Achromatopsia

#666666

CSS Usage

background-color: #426F7C;
color: #426F7C;
border-color: #426F7C;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D0E1E6
300
#AFCCD4
400
#84B1BD
500
#5995A6
600
#477785
700
#395F6A
800
#2C4B53
900
#23383E
950
#162327

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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