#2C79A0

Color Details

HEX
#2C79A0
RGB
rgb(44, 121, 160)
HSL
hsl(200, 57%, 40%)
CMYK
cmyk(73%, 24%, 0%, 37%)
Best text on this color #FFFFFF (CR 4.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c79a0
Contrast 4.35:1 Fail
White on #2c79a0
Contrast 4.83:1 AA
#2c79a0 on Black
Contrast 4.35:1 Fail
#2c79a0 on White
Contrast 4.83:1 AA

Tints & Shades

#5694b3
#80afc6
#abc9d9
#236180
#1a4960
#123040

Complement & Analogous

#a0532c
#2c3fa0
#2ca08d

Triadic

#a02c79
#79a02c

Monochrome

#123040 #1a4960 #2c79a0 #80afc6 #abc9d9 #d5e4ec

Analogous

#2ca08d #6bbdaf #2c79a0 #5665b3 #2c3fa0 #233280

Complementary Mix

#1a4960 #2c79a0 #80afc6 #a0532c #c18f76 #68361d

Nearby Colors

#2c799f
#2c79a1
#2c7990
#2c79b0

Embed #2C79A0 swatch

Embed this swatch

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

Open image

About #2C79A0

#2C79A0 converts to RGB(44, 121, 160) and HSL(200, 57%, 40%). 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).

#2C79A0 FAQs

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