#2F327C

Color Details

HEX
#2F327C
RGB
rgb(47, 50, 124)
HSL
hsl(238, 45%, 34%)
CMYK
cmyk(62%, 60%, 0%, 51%)
Best text on this color #FFFFFF (CR 11.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f327c
Contrast 1.87:1 Fail
White on #2f327c
Contrast 11.24:1 AAA
#2f327c on Black
Contrast 1.87:1 Fail
#2f327c on White
Contrast 11.24:1 AAA

Tints & Shades

#595b96
#8284b0
#acadcb
#262863
#1c1e4a
#131432

Complement & Analogous

#7e7b30
#54307e
#30597e

Triadic

#7e3032
#327e30

Monochrome

#131432 #1c1e4a #2f327c #8284b0 #acadcb #d5d6e5

Analogous

#30597e #6e8ba5 #2f327c #765998 #54307e #432665

Complementary Mix

#1c1e4a #2f327c #8284b0 #7e7b30 #aba978 #52501f

Nearby Colors

#2f327b
#2f327d
#2f326c
#2f328c

Embed #2F327C swatch

Embed this swatch

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

Open image

About #2F327C

#2F327C converts to RGB(47, 50, 124) and HSL(238, 45%, 34%). 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).

#2F327C FAQs

What is the RGB value of #2F327C?
RGB: 47, 50, 124. Copy as CSS: rgb(47, 50, 124)
Is #2F327C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F327C?
Complement: #7e7b30.
Does #2F327C have good contrast on white or black?
On white: 11.24:1 (AAA (normal text)). On black: 1.87:1 (Fails AA).