#2BC3E4

Color Details

HEX
#2BC3E4
RGB
rgb(43, 195, 228)
HSL
hsl(191, 77%, 53%)
CMYK
cmyk(81%, 14%, 0%, 11%)
Best text on this color #000000 (CR 10.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2bc3e4
Contrast 10.03:1 AAA
White on #2bc3e4
Contrast 2.09:1 Fail
#2bc3e4 on Black
Contrast 10.03:1 AAA
#2bc3e4 on White
Contrast 2.09:1 Fail

Tints & Shades

#55cfe9
#80dbef
#aae7f4
#229cb6
#1a7589
#114e5b

Complement & Analogous

#e34d2b
#2b65e3
#2be3a9

Triadic

#e32bc2
#c2e32b

Monochrome

#114e5b #1a7589 #2bc3e4 #80dbef #aae7f4 #d5f3fa

Analogous

#2be3a9 #6bebc3 #2bc3e4 #5584e9 #2b65e3 #2251b6

Complementary Mix

#1a7589 #2bc3e4 #80dbef #e34d2b #ed8b75 #94321c

Nearby Colors

#2bc3e3
#2bc3e5
#2bc3d4
#2bc3f4

Embed #2BC3E4 swatch

Embed this swatch

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

Open image

About #2BC3E4

#2BC3E4 converts to RGB(43, 195, 228) and HSL(191, 77%, 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).

#2BC3E4 FAQs

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