#2F237C

Color Details

HEX
#2F237C
RGB
rgb(47, 35, 124)
HSL
hsl(248, 56%, 31%)
CMYK
cmyk(62%, 72%, 0%, 51%)
Best text on this color #FFFFFF (CR 12.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f237c
Contrast 1.65:1 Fail
White on #2f237c
Contrast 12.71:1 AAA
#2f237c on Black
Contrast 1.65:1 Fail
#2f237c on White
Contrast 12.71:1 AAA

Tints & Shades

#594f96
#827bb0
#aca7cb
#261c63
#1c154a
#130e32

Complement & Analogous

#707b23
#5b237b
#23437b

Triadic

#7b2f23
#237b2f

Monochrome

#130e32 #1c154a #2f237c #827bb0 #aca7cb #d5d3e5

Analogous

#23437b #657ba3 #2f237c #7c4f95 #5b237b #491c62

Complementary Mix

#1c154a #2f237c #827bb0 #707b23 #a2a970 #495017

Nearby Colors

#2f237b
#2f237d
#2f236c
#2f238c

Embed #2F237C swatch

Embed this swatch

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

Open image

About #2F237C

#2F237C converts to RGB(47, 35, 124) and HSL(248, 56%, 31%). 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).

#2F237C FAQs

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