#66D98C

Color Details

HEX
#66D98C
RGB
rgb(102, 217, 140)
HSL
hsl(140, 60%, 63%)
CMYK
cmyk(53%, 0%, 35%, 15%)
Best text on this color #000000 (CR 11.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #66d98c
Contrast 11.87:1 AAA
White on #66d98c
Contrast 1.77:1 Fail
#66d98c on Black
Contrast 11.87:1 AAA
#66d98c on White
Contrast 1.77:1 Fail

Tints & Shades

#85e1a3
#a3e8ba
#c2f0d1
#52ae70
#3d8254
#295738

Complement & Analogous

#d968b4
#68d9c6
#7bd968

Triadic

#8e68d9
#d98e68

Monochrome

#295738 #3d8254 #66d98c #a3e8ba #c2f0d1 #e0f7e8

Analogous

#7bd968 #a3e495 #66d98c #86e1d1 #68d9c6 #53ae9e

Complementary Mix

#3d8254 #66d98c #a3e8ba #d968b4 #e69dce #8d4475

Nearby Colors

#66d98b
#66d98d
#66d97c
#66d99c

Embed #66D98C swatch

Embed this swatch

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

Open image

About #66D98C

#66D98C converts to RGB(102, 217, 140) and HSL(140, 60%, 63%). 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).

#66D98C FAQs

What is the RGB value of #66D98C?
RGB: 102, 217, 140. Copy as CSS: rgb(102, 217, 140)
Is #66D98C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #66D98C?
Complement: #d968b4.
Does #66D98C have good contrast on white or black?
On white: 1.77:1 (Fails AA). On black: 11.87:1 (AAA (normal text)).