#407D8C

Color Details

HEX
#407D8C
RGB
rgb(64, 125, 140)
HSL
hsl(192, 37%, 40%)
CMYK
cmyk(54%, 11%, 0%, 45%)
Best text on this color #FFFFFF (CR 4.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #407d8c
Contrast 4.53:1 AA
White on #407d8c
Contrast 4.64:1 AA
#407d8c on Black
Contrast 4.53:1 AA
#407d8c on White
Contrast 4.64:1 AA

Tints & Shades

#6697a3
#8cb1ba
#b3cbd1
#336470
#264b54
#1a3238

Complement & Analogous

#8c4f40
#40578c
#408c75

Triadic

#8c407d
#7d8c40

Monochrome

#1a3238 #264b54 #407d8c #8cb1ba #b3cbd1 #d9e5e8

Analogous

#408c75 #79af9e #407d8c #6679a3 #40578c #334670

Complementary Mix

#264b54 #407d8c #8cb1ba #8c4f40 #b48d83 #5b332a

Nearby Colors

#407d8b
#407d8d
#407d7c
#407d9c

Embed #407D8C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #407D8C

#407D8C converts to RGB(64, 125, 140) and HSL(192, 37%, 40%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#407D8C FAQs

What is the RGB value of #407D8C?
RGB: 64, 125, 140. Copy as CSS: rgb(64, 125, 140)
Is #407D8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #407D8C?
Complement: #8c4f40.
Does #407D8C have good contrast on white or black?
On white: 4.64:1 (AA (normal text)). On black: 4.53:1 (AA (normal text)).