#40A57A

Color Details

HEX
#40A57A
RGB
rgb(64, 165, 122)
HSL
hsl(154, 44%, 45%)
CMYK
cmyk(61%, 0%, 26%, 35%)
Best text on this color #000000 (CR 6.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #40a57a
Contrast 6.88:1 AA
White on #40a57a
Contrast 3.05:1 Fail
#40a57a on Black
Contrast 6.88:1 AA
#40a57a on White
Contrast 3.05:1 Fail

Tints & Shades

#66b795
#8cc9af
#b3dbca
#338462
#266349
#1a4231

Complement & Analogous

#a5406c
#409fa5
#40a547

Triadic

#7940a5
#a57940

Monochrome

#1a4231 #266349 #40a57a #8cc9af #b3dbca #d9ede4

Analogous

#40a547 #79c07e #40a57a #66b2b7 #409fa5 #337f84

Complementary Mix

#266349 #40a57a #8cc9af #a5406c #c5839f #6b2a46

Nearby Colors

#40a579
#40a57b
#40a56a
#40a58a

Embed #40A57A swatch

Embed this swatch

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

Open image

About #40A57A

#40A57A converts to RGB(64, 165, 122) and HSL(154, 44%, 45%). 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).

#40A57A FAQs

What is the RGB value of #40A57A?
RGB: 64, 165, 122. Copy as CSS: rgb(64, 165, 122)
Is #40A57A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #40A57A?
Complement: #a5406c.
Does #40A57A have good contrast on white or black?
On white: 3.05:1 (AA (large text)). On black: 6.88:1 (AA (normal text)).