#28033C

Color Details

HEX
#28033C
RGB
rgb(40, 3, 60)
HSL
hsl(279, 90%, 12%)
CMYK
cmyk(33%, 95%, 0%, 76%)
Best text on this color #FFFFFF (CR 17.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #28033c
Contrast 1.17:1 Fail
White on #28033c
Contrast 17.97:1 AAA
#28033c on Black
Contrast 1.17:1 Fail
#28033c on White
Contrast 17.97:1 AAA

Tints & Shades

#533563
#7e688a
#a99ab1
#200230
#180224
#100118

Complement & Analogous

#163a03
#3a0332
#0b033a

Triadic

#3a2703
#033a27

Monochrome

#100118 #180224 #28033c #7e688a #a99ab1 #d4cdd8

Analogous

#0b033a #544f75 #28033c #61355b #3a0332 #2e0228

Complementary Mix

#180224 #28033c #7e688a #163a03 #687f5b #0e2602

Nearby Colors

#28033b
#28033d
#28032c
#28034c

Embed #28033C swatch

Embed this swatch

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

Open image

About #28033C

#28033C converts to RGB(40, 3, 60) and HSL(279, 90%, 12%). 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).

#28033C FAQs

What is the RGB value of #28033C?
RGB: 40, 3, 60. Copy as CSS: rgb(40, 3, 60)
Is #28033C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #28033C?
Complement: #163a03.
Does #28033C have good contrast on white or black?
On white: 17.97:1 (AAA (normal text)). On black: 1.17:1 (Fails AA).