#45A18C

Color Details

HEX
#45A18C
RGB
rgb(69, 161, 140)
HSL
hsl(166, 40%, 45%)
CMYK
cmyk(57%, 0%, 13%, 37%)
Best text on this color #000000 (CR 6.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #45a18c
Contrast 6.73:1 AA
White on #45a18c
Contrast 3.12:1 Fail
#45a18c on Black
Contrast 6.73:1 AA
#45a18c on White
Contrast 3.12:1 Fail

Tints & Shades

#6ab4a3
#8fc7ba
#b5d9d1
#378170
#296154
#1c4038

Complement & Analogous

#a1455a
#4588a1
#45a15d

Triadic

#8b45a1
#a18b45

Monochrome

#1c4038 #296154 #45a18c #8fc7ba #b5d9d1 #daece8

Analogous

#45a15d #7dbd8e #45a18c #6aa0b4 #4588a1 #376d81

Complementary Mix

#296154 #45a18c #8fc7ba #a1455a #c28694 #692d3b

Nearby Colors

#45a18b
#45a18d
#45a17c
#45a19c

Embed #45A18C swatch

Embed this swatch

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

Open image

About #45A18C

#45A18C converts to RGB(69, 161, 140) and HSL(166, 40%, 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).

#45A18C FAQs

What is the RGB value of #45A18C?
RGB: 69, 161, 140. Copy as CSS: rgb(69, 161, 140)
Is #45A18C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #45A18C?
Complement: #a1455a.
Does #45A18C have good contrast on white or black?
On white: 3.12:1 (AA (large text)). On black: 6.73:1 (AA (normal text)).