#40878C

#40878C

Color Values

HEX

#40878C

RGB

64, 135, 140

HSL

183.9, 37.3%, 40.0%

HSV

183.9, 54.3%, 54.9%

CMYK

54.3%, 3.6%, 0.0%, 45.1%

OKLCH

0.58 0.0713 201.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#40878C

#8C4540

Analogous

#408C6B

#40618C

#40878C

Triadic

#40878C

#8C4087

#878C40

Split Complementary

#40878C

#8C4061

#8C6B40

Tetradic

#40878C

#6B408C

#8C4540

#618C40

Color Blindness Simulation

Original

#40878C

Protanopia

#5F5F8B

Deuteranopia

#5B558A

Tritanopia

#448A8A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE7E9
300
#ABD6D9
400
#7DBFC4
500
#50A9AF
600
#40878C
700
#336C70
800
#285458
900
#203F41
950
#142829

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026