#2B478C

Color Details

HEX
#2B478C
RGB
rgb(43, 71, 140)
HSL
hsl(223, 53%, 36%)
CMYK
cmyk(69%, 49%, 0%, 45%)
Best text on this color #FFFFFF (CR 8.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b478c
Contrast 2.38:1 Fail
White on #2b478c
Contrast 8.81:1 AAA
#2b478c on Black
Contrast 2.38:1 Fail
#2b478c on White
Contrast 8.81:1 AAA

Tints & Shades

#556ca3
#8091ba
#aab5d1
#223970
#1a2b54
#111c38

Complement & Analogous

#8c712b
#402b8c
#2b778c

Triadic

#8c2b47
#478c2b

Monochrome

#111c38 #1a2b54 #2b478c #8091ba #aab5d1 #d5dae8

Analogous

#2b778c #6ba0af #2b478c #6655a3 #402b8c #332270

Complementary Mix

#1a2b54 #2b478c #8091ba #8c712b #b4a375 #5b491c

Nearby Colors

#2b478b
#2b478d
#2b477c
#2b479c

Embed #2B478C swatch

Embed this swatch

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

Open image

About #2B478C

#2B478C converts to RGB(43, 71, 140) and HSL(223, 53%, 36%). 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).

#2B478C FAQs

What is the RGB value of #2B478C?
RGB: 43, 71, 140. Copy as CSS: rgb(43, 71, 140)
Is #2B478C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B478C?
Complement: #8c712b.
Does #2B478C have good contrast on white or black?
On white: 8.81:1 (AAA (normal text)). On black: 2.38:1 (Fails AA).