#407E85

#407E85

Color Values

HEX

#407E85

RGB

64, 126, 133

HSL

186.1, 35.0%, 38.6%

HSV

186.1, 51.9%, 52.2%

CMYK

51.9%, 5.3%, 0.0%, 47.8%

OKLCH

0.5547 0.0648 205.1

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#407E85

#854740

Analogous

#408569

#405B85

#407E85

Triadic

#407E85

#85407E

#7E8540

Split Complementary

#407E85

#85405B

#856940

Tetradic

#407E85

#694085

#854740

#5B8540

Color Blindness Simulation

Original

#407E85

Protanopia

#5B5B83

Deuteranopia

#575383

Tritanopia

#438282

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ACD3D7
400
#80BBC2
500
#53A3AC
600
#42828A
700
#35686E
800
#295256
900
#213D40
950
#152628

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026