#45C96C

Color Details

HEX
#45C96C
RGB
rgb(69, 201, 108)
HSL
hsl(138, 55%, 53%)
CMYK
cmyk(66%, 0%, 46%, 21%)
Best text on this color #000000 (CR 9.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #45c96c
Contrast 9.82:1 AAA
White on #45c96c
Contrast 2.14:1 Fail
#45c96c on Black
Contrast 9.82:1 AAA
#45c96c on White
Contrast 2.14:1 Fail

Tints & Shades

#6ad489
#8fdfa7
#b5e9c4
#37a156
#297941
#1c502b

Complement & Analogous

#c945a2
#45c9af
#60c945

Triadic

#6d45c9
#c96d45

Monochrome

#1c502b #297941 #45c96c #8fdfa7 #b5e9c4 #daf4e2

Analogous

#60c945 #90d97d #45c96c #6ad4bf #45c9af #37a18c

Complementary Mix

#297941 #45c96c #8fdfa7 #c945a2 #dc86c3 #832d69

Nearby Colors

#45c96b
#45c96d
#45c95c
#45c97c

Embed #45C96C swatch

Embed this swatch

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

Open image

About #45C96C

#45C96C converts to RGB(69, 201, 108) and HSL(138, 55%, 53%). 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).

#45C96C FAQs

What is the RGB value of #45C96C?
RGB: 69, 201, 108. Copy as CSS: rgb(69, 201, 108)
Is #45C96C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #45C96C?
Complement: #c945a2.
Does #45C96C have good contrast on white or black?
On white: 2.14:1 (Fails AA). On black: 9.82:1 (AAA (normal text)).