#407980

#407980

Color Values

HEX

#407980

RGB

64, 121, 128

HSL

186.6, 33.3%, 37.6%

HSV

186.6, 50.0%, 50.2%

CMYK

50.0%, 5.5%, 0.0%, 49.8%

OKLCH

0.5401 0.0608 205.9

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#407980

#804740

Analogous

#408067

#405980

#407980

Triadic

#407980

#804079

#798040

Split Complementary

#407980

#804059

#806740

Tetradic

#407980

#674080

#804740

#598040

Color Blindness Simulation

Original

#407980

Protanopia

#59597E

Deuteranopia

#55517E

Tritanopia

#437D7D

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E7
300
#ADD2D6
400
#81B9C0
500
#55A1AA
600
#448088
700
#36676D
800
#2B5055
900
#223C3F
950
#152628

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026