#34879C

Color Details

HEX
#34879C
RGB
rgb(52, 135, 156)
HSL
hsl(192, 50%, 41%)
CMYK
cmyk(67%, 13%, 0%, 39%)
Best text on this color #000000 (CR 5.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #34879c
Contrast 5.09:1 AA
White on #34879c
Contrast 4.12:1 Fail
#34879c on Black
Contrast 5.09:1 AA
#34879c on White
Contrast 4.12:1 Fail

Tints & Shades

#5d9fb0
#85b7c4
#aecfd7
#2a6c7d
#1f515e
#15363e

Complement & Analogous

#9d4934
#34549d
#349d7d

Triadic

#9d3488
#889d34

Monochrome

#15363e #1f515e #34879c #85b7c4 #aecfd7 #d6e7eb

Analogous

#349d7d #71baa4 #34879c #5d76b1 #34549d #2a437e

Complementary Mix

#1f515e #34879c #85b7c4 #9d4934 #bf897b #662f22

Nearby Colors

#34879b
#34879d
#34878c
#3487ac

Embed #34879C swatch

Embed this swatch

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

Open image

About #34879C

#34879C converts to RGB(52, 135, 156) and HSL(192, 50%, 41%). 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).

#34879C FAQs

What is the RGB value of #34879C?
RGB: 52, 135, 156. Copy as CSS: rgb(52, 135, 156)
Is #34879C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #34879C?
Complement: #9d4934.
Does #34879C have good contrast on white or black?
On white: 4.12:1 (AA (large text)). On black: 5.09:1 (AA (normal text)).