#407393

#407393

Color Values

HEX

#407393

RGB

64, 115, 147

HSL

203.1, 39.3%, 41.4%

HSV

203.1, 56.5%, 57.6%

CMYK

56.5%, 21.8%, 0.0%, 42.4%

OKLCH

0.5334 0.0745 237.9

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#407393

#936040

Analogous

#40938A

#404A93

#407393

Triadic

#407393

#934073

#739340

Split Complementary

#407393

#93404A

#938A40

Tetradic

#407393

#8A4093

#936040

#4A9340

Color Blindness Simulation

Original

#407393

Protanopia

#56578B

Deuteranopia

#534F89

Tritanopia

#438584

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFE9
300
#AAC7DA
400
#7CA9C6
500
#4D8BB2
600
#3E6F8E
700
#325972
800
#274659
900
#1F3442
950
#142129

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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