#2C6BC3

Color Details

HEX
#2C6BC3
RGB
rgb(44, 107, 195)
HSL
hsl(215, 63%, 47%)
CMYK
cmyk(77%, 45%, 0%, 24%)
Best text on this color #FFFFFF (CR 5.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c6bc3
Contrast 4.00:1 Fail
White on #2c6bc3
Contrast 5.25:1 AA
#2c6bc3 on Black
Contrast 4.00:1 Fail
#2c6bc3 on White
Contrast 5.25:1 AA

Tints & Shades

#5689cf
#80a6db
#abc4e7
#23569c
#1a4075
#122b4e

Complement & Analogous

#c3842c
#392cc3
#2cb7c3

Triadic

#c32c6b
#6bc32c

Monochrome

#122b4e #1a4075 #2c6bc3 #80a6db #abc4e7 #d5e1f3

Analogous

#2cb7c3 #6bcdd5 #2c6bc3 #6156cf #392cc3 #2e239c

Complementary Mix

#1a4075 #2c6bc3 #80a6db #c3842c #d8af76 #7f561d

Nearby Colors

#2c6bc2
#2c6bc4
#2c6bb3
#2c6bd3

Embed #2C6BC3 swatch

Embed this swatch

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

Open image

About #2C6BC3

#2C6BC3 converts to RGB(44, 107, 195) and HSL(215, 63%, 47%). 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).

#2C6BC3 FAQs

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