#2BC6D8

Color Details

HEX
#2BC6D8
RGB
rgb(43, 198, 216)
HSL
hsl(186, 69%, 51%)
CMYK
cmyk(80%, 8%, 0%, 15%)
Best text on this color #000000 (CR 10.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2bc6d8
Contrast 10.17:1 AAA
White on #2bc6d8
Contrast 2.06:1 Fail
#2bc6d8 on Black
Contrast 10.17:1 AAA
#2bc6d8 on White
Contrast 2.06:1 Fail

Tints & Shades

#55d1e0
#80dde8
#aae8ef
#229ead
#1a7782
#114f56

Complement & Analogous

#d83d2c
#2c71d8
#2cd893

Triadic

#d82cc7
#c7d82c

Monochrome

#114f56 #1a7782 #2bc6d8 #80dde8 #aae8ef #d5f4f7

Analogous

#2cd893 #6be4b3 #2bc6d8 #568de0 #2c71d8 #235aad

Complementary Mix

#1a7782 #2bc6d8 #80dde8 #d83d2c #e68176 #8c281d

Nearby Colors

#2bc6d7
#2bc6d9
#2bc6c8
#2bc6e8

Embed #2BC6D8 swatch

Embed this swatch

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

Open image

About #2BC6D8

#2BC6D8 converts to RGB(43, 198, 216) and HSL(186, 69%, 51%). 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).

#2BC6D8 FAQs

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