#2BC123

Color Details

HEX
#2BC123
RGB
rgb(43, 193, 35)
HSL
hsl(117, 69%, 45%)
CMYK
cmyk(78%, 0%, 82%, 24%)
Best text on this color #000000 (CR 8.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2bc123
Contrast 8.75:1 AAA
White on #2bc123
Contrast 2.40:1 Fail
#2bc123 on Black
Contrast 8.75:1 AAA
#2bc123 on White
Contrast 2.40:1 Fail

Tints & Shades

#55cd4f
#80da7b
#aae6a7
#229a1c
#1a7415
#114d0e

Complement & Analogous

#ba24c2
#24c26b
#7bc224

Triadic

#242bc2
#c2242b

Monochrome

#114d0e #1a7415 #2bc123 #80da7b #aae6a7 #d5f3d3

Analogous

#7bc224 #a3d466 #2bc123 #50ce89 #24c26b #1d9b56

Complementary Mix

#1a7415 #2bc123 #80da7b #ba24c2 #d271d7 #79177e

Nearby Colors

#2bc122
#2bc124
#2bc113
#2bc133

Embed #2BC123 swatch

Embed this swatch

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

Open image

About #2BC123

#2BC123 converts to RGB(43, 193, 35) and HSL(117, 69%, 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).

#2BC123 FAQs

What is the RGB value of #2BC123?
RGB: 43, 193, 35. Copy as CSS: rgb(43, 193, 35)
Is #2BC123 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2BC123?
Complement: #ba24c2.
Does #2BC123 have good contrast on white or black?
On white: 2.40:1 (Fails AA). On black: 8.75:1 (AAA (normal text)).