#355B8C

Color Details

HEX
#355B8C
RGB
rgb(53, 91, 140)
HSL
hsl(214, 45%, 38%)
CMYK
cmyk(62%, 35%, 0%, 45%)
Best text on this color #FFFFFF (CR 6.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #355b8c
Contrast 3.03:1 Fail
White on #355b8c
Contrast 6.94:1 AA
#355b8c on Black
Contrast 3.03:1 Fail
#355b8c on White
Contrast 6.94:1 AA

Tints & Shades

#5d7ca3
#869dba
#aebdd1
#2a4970
#203754
#152438

Complement & Analogous

#8d6735
#3b358d
#35878d

Triadic

#8d355b
#5b8d35

Monochrome

#152438 #203754 #355b8c #869dba #aebdd1 #d7dee8

Analogous

#35878d #72abaf #355b8c #625da4 #3b358d #2f2a71

Complementary Mix

#203754 #355b8c #869dba #8d6735 #b59c7c #5c4322

Nearby Colors

#355b8b
#355b8d
#355b7c
#355b9c

Embed #355B8C swatch

Embed this swatch

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

Open image

About #355B8C

#355B8C converts to RGB(53, 91, 140) and HSL(214, 45%, 38%). 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).

#355B8C FAQs

What is the RGB value of #355B8C?
RGB: 53, 91, 140. Copy as CSS: rgb(53, 91, 140)
Is #355B8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #355B8C?
Complement: #8d6735.
Does #355B8C have good contrast on white or black?
On white: 6.94:1 (AA (normal text)). On black: 3.03:1 (AA (large text)).