#2B3E7F

Color Details

HEX
#2B3E7F
RGB
rgb(43, 62, 127)
HSL
hsl(226, 49%, 33%)
CMYK
cmyk(66%, 51%, 0%, 50%)
Best text on this color #FFFFFF (CR 10.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b3e7f
Contrast 2.10:1 Fail
White on #2b3e7f
Contrast 10.01:1 AAA
#2b3e7f on Black
Contrast 2.10:1 Fail
#2b3e7f on White
Contrast 10.01:1 AAA

Tints & Shades

#556599
#808bb2
#aab2cc
#223266
#1a254c
#111933

Complement & Analogous

#7d6a2b
#412b7d
#2b677d

Triadic

#7d2b3e
#3e7d2b

Monochrome

#111933 #1a254c #2b3e7f #808bb2 #aab2cc #d5d8e5

Analogous

#2b677d #6b95a4 #2b3e7f #675597 #412b7d #342264

Complementary Mix

#1a254c #2b3e7f #808bb2 #7d6a2b #ab9e75 #51451c

Nearby Colors

#2b3e7e
#2b3e80
#2b3e6f
#2b3e8f

Embed #2B3E7F swatch

Embed this swatch

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

Open image

About #2B3E7F

#2B3E7F converts to RGB(43, 62, 127) and HSL(226, 49%, 33%). 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).

#2B3E7F FAQs

What is the RGB value of #2B3E7F?
RGB: 43, 62, 127. Copy as CSS: rgb(43, 62, 127)
Is #2B3E7F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B3E7F?
Complement: #7d6a2b.
Does #2B3E7F have good contrast on white or black?
On white: 10.01:1 (AAA (normal text)). On black: 2.10:1 (Fails AA).