#2EC2BB

Color Details

HEX
#2EC2BB
RGB
rgb(46, 194, 187)
HSL
hsl(177, 62%, 47%)
CMYK
cmyk(76%, 0%, 4%, 24%)
Best text on this color #000000 (CR 9.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2ec2bb
Contrast 9.55:1 AAA
White on #2ec2bb
Contrast 2.20:1 Fail
#2ec2bb on Black
Contrast 9.55:1 AAA
#2ec2bb on White
Contrast 2.20:1 Fail

Tints & Shades

#58cec9
#82dad6
#abe7e4
#259b96
#1c7470
#124e4b

Complement & Analogous

#c22e35
#2e7fc2
#2ec270

Triadic

#bb2ec2
#c2bb2e

Monochrome

#124e4b #1c7470 #2ec2bb #82dad6 #abe7e4 #d5f3f1

Analogous

#2ec270 #6dd49b #2ec2bb #5899ce #2e7fc2 #25669b

Complementary Mix

#1c7470 #2ec2bb #82dad6 #c22e35 #d7777c #7e1e22

Nearby Colors

#2ec2ba
#2ec2bc
#2ec2ab
#2ec2cb

Embed #2EC2BB swatch

Embed this swatch

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

Open image

About #2EC2BB

#2EC2BB converts to RGB(46, 194, 187) and HSL(177, 62%, 47%). 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).

#2EC2BB FAQs

What is the RGB value of #2EC2BB?
RGB: 46, 194, 187. Copy as CSS: rgb(46, 194, 187)
Is #2EC2BB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2EC2BB?
Complement: #c22e35.
Does #2EC2BB have good contrast on white or black?
On white: 2.20:1 (Fails AA). On black: 9.55:1 (AAA (normal text)).