#407495

#407495

Color Values

HEX

#407495

RGB

64, 116, 149

HSL

203.3, 39.9%, 41.8%

HSV

203.3, 57.0%, 58.4%

CMYK

57.0%, 22.1%, 0.0%, 41.6%

OKLCH

0.5368 0.0762 238.3

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#407495

#956140

Analogous

#40958C

#404A95

#407495

Triadic

#407495

#954074

#749540

Split Complementary

#407495

#95404A

#958C40

Tetradic

#407495

#8C4095

#956140

#4A9540

Color Blindness Simulation

Original

#407495

Protanopia

#57578D

Deuteranopia

#54508B

Tritanopia

#438785

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDEEA
300
#A9C7DA
400
#7BA9C6
500
#4D8BB2
600
#3D6F8F
700
#315972
800
#264559
900
#1F3442
950
#14212A

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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