#2D6BC8

Color Details

HEX
#2D6BC8
RGB
rgb(45, 107, 200)
HSL
hsl(216, 63%, 48%)
CMYK
cmyk(78%, 47%, 0%, 22%)
Best text on this color #FFFFFF (CR 5.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d6bc8
Contrast 4.05:1 Fail
White on #2d6bc8
Contrast 5.19:1 AA
#2d6bc8 on Black
Contrast 4.05:1 Fail
#2d6bc8 on White
Contrast 5.19:1 AA

Tints & Shades

#5789d3
#81a6de
#abc4e9
#2456a0
#1b4078
#122b50

Complement & Analogous

#c88a2d
#3d2dc8
#2db8c8

Triadic

#c82d6b
#6bc82d

Monochrome

#122b50 #1b4078 #2d6bc8 #81a6de #abc4e9 #d5e1f4

Analogous

#2db8c8 #6ccdd9 #2d6bc8 #6457d3 #3d2dc8 #3124a0

Complementary Mix

#1b4078 #2d6bc8 #81a6de #c88a2d #dbb377 #825a1d

Nearby Colors

#2d6bc7
#2d6bc9
#2d6bb8
#2d6bd8

Embed #2D6BC8 swatch

Embed this swatch

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

Open image

About #2D6BC8

#2D6BC8 converts to RGB(45, 107, 200) and HSL(216, 63%, 48%). 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).

#2D6BC8 FAQs

What is the RGB value of #2D6BC8?
RGB: 45, 107, 200. Copy as CSS: rgb(45, 107, 200)
Is #2D6BC8 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D6BC8?
Complement: #c88a2d.
Does #2D6BC8 have good contrast on white or black?
On white: 5.19:1 (AA (normal text)). On black: 4.05:1 (AA (large text)).