#407765

#407765

Color Values

HEX

#407765

RGB

64, 119, 101

HSL

160.4, 30.1%, 35.9%

HSV

160.4, 46.2%, 46.7%

CMYK

46.2%, 0.0%, 15.1%, 53.3%

OKLCH

0.5257 0.0657 170.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#407765

#774052

Analogous

#40774A

#406E77

#407765

Triadic

#407765

#654077

#776540

Split Complementary

#407765

#77406E

#774A40

Tetradic

#407765

#4A4077

#774052

#6E7740

Color Blindness Simulation

Original

#407765

Protanopia

#585869

Deuteranopia

#55506A

Tritanopia

#436D6E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #407765;
color: #407765;
border-color: #407765;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6DF
300
#AFD4C8
400
#84BDAA
500
#59A68D
600
#478571
700
#396A5A
800
#2D5346
900
#233E35
950
#162721

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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