#359EBC

Color Details

HEX
#359EBC
RGB
rgb(53, 158, 188)
HSL
hsl(193, 56%, 47%)
CMYK
cmyk(72%, 16%, 0%, 26%)
Best text on this color #000000 (CR 6.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #359ebc
Contrast 6.77:1 AA
White on #359ebc
Contrast 3.10:1 Fail
#359ebc on Black
Contrast 6.77:1 AA
#359ebc on White
Contrast 3.10:1 Fail

Tints & Shades

#5db1c9
#86c5d7
#aed8e4
#2a7e96
#205f71
#153f4b

Complement & Analogous

#bb5235
#355bbb
#35bb95

Triadic

#bb359e
#9ebb35

Monochrome

#153f4b #205f71 #359ebc #86c5d7 #aed8e4 #d7ecf2

Analogous

#35bb95 #72cfb5 #359ebc #5d7cc9 #355bbb #2a4996

Complementary Mix

#205f71 #359ebc #86c5d7 #bb5235 #d38f7c #7a3522

Nearby Colors

#359ebb
#359ebd
#359eac
#359ecc

Embed #359EBC swatch

Embed this swatch

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

Open image

About #359EBC

#359EBC converts to RGB(53, 158, 188) and HSL(193, 56%, 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).

#359EBC FAQs

What is the RGB value of #359EBC?
RGB: 53, 158, 188. Copy as CSS: rgb(53, 158, 188)
Is #359EBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #359EBC?
Complement: #bb5235.
Does #359EBC have good contrast on white or black?
On white: 3.10:1 (AA (large text)). On black: 6.77:1 (AA (normal text)).