#2BC4FE

Color Details

HEX
#2BC4FE
RGB
rgb(43, 196, 254)
HSL
hsl(196, 99%, 58%)
CMYK
cmyk(83%, 23%, 0%, 0%)
Best text on this color #000000 (CR 10.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2bc4fe
Contrast 10.43:1 AAA
White on #2bc4fe
Contrast 2.01:1 Fail
#2bc4fe on Black
Contrast 10.43:1 AAA
#2bc4fe on White
Contrast 2.01:1 Fail

Tints & Shades

#55d0fe
#80dcfe
#aae7ff
#229dcb
#1a7698
#114e66

Complement & Analogous

#fe622a
#2a5bfe
#2afecc

Triadic

#fe2ac5
#c5fe2a

Monochrome

#114e66 #1a7698 #2bc4fe #80dcfe #aae7ff #d5f3ff

Analogous

#2afecc #6afedb #2bc4fe #557cfe #2a5bfe #2249cb

Complementary Mix

#1a7698 #2bc4fe #80dcfe #fe622a #fe9975 #a5401b

Nearby Colors

#2bc4fd
#2bc4ff
#2bc4ee
#2bc50e

Embed #2BC4FE swatch

Embed this swatch

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

Open image

About #2BC4FE

#2BC4FE converts to RGB(43, 196, 254) and HSL(196, 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).

#2BC4FE FAQs

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