#407493

#407493

Color Values

HEX

#407493

RGB

64, 116, 147

HSL

202.4, 39.3%, 41.4%

HSV

202.4, 56.5%, 57.6%

CMYK

56.5%, 21.1%, 0.0%, 42.4%

OKLCH

0.5358 0.0741 236.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#407493

#935F40

Analogous

#409389

#404B93

#407493

Triadic

#407493

#934074

#749340

Split Complementary

#407493

#93404B

#938940

Tetradic

#407493

#894093

#935F40

#4B9340

Color Blindness Simulation

Original

#407493

Protanopia

#57578C

Deuteranopia

#54508A

Tritanopia

#438684

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFE9
300
#AAC8DA
400
#7CAAC6
500
#4D8CB2
600
#3E708E
700
#325A72
800
#274659
900
#1F3542
950
#142129

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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