#426F7B

#426F7B

Color Values

HEX

#426F7B

RGB

66, 111, 123

HSL

192.6, 30.2%, 37.1%

HSV

192.6, 46.3%, 48.2%

CMYK

46.3%, 9.8%, 0.0%, 51.8%

OKLCH

0.514 0.0529 216.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#426F7B

#7B4E42

Analogous

#427B6B

#42537B

#426F7B

Triadic

#426F7B

#7B426F

#6F7B42

Split Complementary

#426F7B

#7B4253

#7B6B42

Tetradic

#426F7B

#6B427B

#7B4E42

#537B42

Color Blindness Simulation

Original

#426F7B

Protanopia

#555678

Deuteranopia

#535077

Tritanopia

#447675

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E2E6
300
#AFCDD4
400
#84B1BD
500
#5996A6
600
#477885
700
#39606A
800
#2C4B53
900
#23383E
950
#162327

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

3.79:1

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