#23326C

Color Details

HEX
#23326C
RGB
rgb(35, 50, 108)
HSL
hsl(228, 51%, 28%)
CMYK
cmyk(68%, 54%, 0%, 58%)
Best text on this color #FFFFFF (CR 12.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #23326c
Contrast 1.74:1 Fail
White on #23326c
Contrast 12.04:1 AAA
#23326c on Black
Contrast 1.74:1 Fail
#23326c on White
Contrast 12.04:1 AAA

Tints & Shades

#4f5b89
#7b84a7
#a7adc4
#1c2856
#151e41
#0e142b

Complement & Analogous

#6c5d23
#39236c
#23566c

Triadic

#6c2332
#326c23

Monochrome

#0e142b #151e41 #23326c #7b84a7 #a7adc4 #d3d6e2

Analogous

#23566c #658998 #23326c #614f89 #39236c #2e1c56

Complementary Mix

#151e41 #23326c #7b84a7 #6c5d23 #9f9670 #463c17

Nearby Colors

#23326b
#23326d
#23325c
#23327c

Embed #23326C swatch

Embed this swatch

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

Open image

About #23326C

#23326C converts to RGB(35, 50, 108) and HSL(228, 51%, 28%). 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).

#23326C FAQs

What is the RGB value of #23326C?
RGB: 35, 50, 108. Copy as CSS: rgb(35, 50, 108)
Is #23326C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #23326C?
Complement: #6c5d23.
Does #23326C have good contrast on white or black?
On white: 12.04:1 (AAA (normal text)). On black: 1.74:1 (Fails AA).