#2BC4EF

Color Details

HEX
#2BC4EF
RGB
rgb(43, 196, 239)
HSL
hsl(193, 86%, 55%)
CMYK
cmyk(82%, 18%, 0%, 6%)
Best text on this color #000000 (CR 10.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2bc4ef
Contrast 10.25:1 AAA
White on #2bc4ef
Contrast 2.05:1 Fail
#2bc4ef on Black
Contrast 10.25:1 AAA
#2bc4ef on White
Contrast 2.05:1 Fail

Tints & Shades

#55d0f2
#80dcf5
#aae7f9
#229dbf
#1a768f
#114e60

Complement & Analogous

#ef542a
#2a61ef
#2aefb7

Triadic

#ef2ac4
#c4ef2a

Monochrome

#114e60 #1a768f #2bc4ef #80dcf5 #aae7f9 #d5f3fc

Analogous

#2aefb7 #6af4cd #2bc4ef #5581f2 #2a61ef #224ebf

Complementary Mix

#1a768f #2bc4ef #80dcf5 #ef542a #f59075 #9b371b

Nearby Colors

#2bc4ee
#2bc4f0
#2bc4df
#2bc4ff

Embed #2BC4EF swatch

Embed this swatch

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

Open image

About #2BC4EF

#2BC4EF converts to RGB(43, 196, 239) and HSL(193, 86%, 55%). 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).

#2BC4EF FAQs

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