#2AFECC

Color Details

HEX
#2AFECC
RGB
rgb(42, 254, 204)
HSL
hsl(166, 99%, 58%)
CMYK
cmyk(83%, 0%, 20%, 0%)
Best text on this color #000000 (CR 16.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2afecc
Contrast 16.15:1 AAA
White on #2afecc
Contrast 1.30:1 Fail
#2afecc on Black
Contrast 16.15:1 AAA
#2afecc on White
Contrast 1.30:1 Fail

Tints & Shades

#55fed6
#7ffee0
#aaffeb
#22cba3
#19987a
#116652

Complement & Analogous

#fe2a5b
#2ac5fe
#2afe62

Triadic

#cc2afe
#fecc2a

Monochrome

#116652 #19987a #2afecc #7ffee0 #aaffeb #d4fff5

Analogous

#2afe62 #6afe91 #2afecc #55d1fe #2ac5fe #229ecb

Complementary Mix

#19987a #2afecc #7ffee0 #fe2a5b #fe7594 #a51b3b

Nearby Colors

#2afecb
#2afecd
#2afebc
#2afedc

Embed #2AFECC swatch

Embed this swatch

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

Open image

About #2AFECC

#2AFECC converts to RGB(42, 254, 204) and HSL(166, 99%, 58%). 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).

#2AFECC FAQs

What is the RGB value of #2AFECC?
RGB: 42, 254, 204. Copy as CSS: rgb(42, 254, 204)
Is #2AFECC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2AFECC?
Complement: #fe2a5b.
Does #2AFECC have good contrast on white or black?
On white: 1.30:1 (Fails AA). On black: 16.15:1 (AAA (normal text)).