#407091

#407091

Color Values

HEX

#407091

RGB

64, 112, 145

HSL

204.4, 38.8%, 41.0%

HSV

204.4, 55.9%, 56.9%

CMYK

55.9%, 22.8%, 0.0%, 43.1%

OKLCH

0.5252 0.074 240.2

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#407091

#916140

Analogous

#40918A

#404891

#407091

Triadic

#407091

#914070

#709140

Split Complementary

#407091

#914048

#918A40

Tetradic

#407091

#8A4091

#916140

#489140

Color Blindness Simulation

Original

#407091

Protanopia

#555589

Deuteranopia

#524E87

Tritanopia

#428381

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEE9
300
#AAC6DA
400
#7CA7C5
500
#4E89B1
600
#3E6D8E
700
#325871
800
#274458
900
#203441
950
#142129

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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