#2BB4FE

Color Details

HEX
#2BB4FE
RGB
rgb(43, 180, 254)
HSL
hsl(201, 99%, 58%)
CMYK
cmyk(83%, 29%, 0%, 0%)
Best text on this color #000000 (CR 9.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2bb4fe
Contrast 9.06:1 AAA
White on #2bb4fe
Contrast 2.32:1 Fail
#2bb4fe on Black
Contrast 9.06:1 AAA
#2bb4fe on White
Contrast 2.32:1 Fail

Tints & Shades

#55c3fe
#80d2fe
#aae1ff
#2290cb
#1a6c98
#114866

Complement & Analogous

#fe742a
#2a4afe
#2afede

Triadic

#fe2ab4
#b4fe2a

Monochrome

#114866 #1a6c98 #2bb4fe #80d2fe #aae1ff #d5f0ff

Analogous

#2afede #6afee8 #2bb4fe #556efe #2a4afe #223bcb

Complementary Mix

#1a6c98 #2bb4fe #80d2fe #fe742a #fea575 #a54b1b

Nearby Colors

#2bb4fd
#2bb4ff
#2bb4ee
#2bb50e

Embed #2BB4FE swatch

Embed this swatch

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

Open image

About #2BB4FE

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

#2BB4FE FAQs

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