#2BC4FD

Color Details

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

Readability Previews

Black on #2bc4fd
Contrast 10.42:1 AAA
White on #2bc4fd
Contrast 2.02:1 Fail
#2bc4fd on Black
Contrast 10.42:1 AAA
#2bc4fd on White
Contrast 2.02:1 Fail

Tints & Shades

#55d0fd
#80dcfe
#aae7fe
#229dca
#1a7698
#114e65

Complement & Analogous

#fd632b
#2b5cfd
#2bfdcc

Triadic

#fd2bc5
#c5fd2b

Monochrome

#114e65 #1a7698 #2bc4fd #80dcfe #aae7fe #d5f3ff

Analogous

#2bfdcc #6bfedb #2bc4fd #557dfd #2b5cfd #224aca

Complementary Mix

#1a7698 #2bc4fd #80dcfe #fd632b #fe9a75 #a4401c

Nearby Colors

#2bc4fc
#2bc4fe
#2bc4ed
#2bc50d

Embed #2BC4FD swatch

Embed this swatch

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

Open image

About #2BC4FD

#2BC4FD converts to RGB(43, 196, 253) and HSL(196, 98%, 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).

#2BC4FD FAQs

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