#281D4C

Color Details

HEX
#281D4C
RGB
rgb(40, 29, 76)
HSL
hsl(254, 45%, 21%)
CMYK
cmyk(47%, 62%, 0%, 70%)
Best text on this color #FFFFFF (CR 15.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #281d4c
Contrast 1.37:1 Fail
White on #281d4c
Contrast 15.32:1 AAA
#281d4c on Black
Contrast 1.37:1 Fail
#281d4c on White
Contrast 15.32:1 AAA

Tints & Shades

#534a70
#7e7794
#a9a5b7
#20173d
#18112e
#100c1e

Complement & Analogous

#424e1d
#411d4e
#1d2a4e

Triadic

#4e291d
#1d4e29

Monochrome

#100c1e #18112e #281d4c #7e7794 #a9a5b7 #d4d2db

Analogous

#1d2a4e #616a83 #281d4c #674a71 #411d4e #34173e

Complementary Mix

#18112e #281d4c #7e7794 #424e1d #848c6c #2b3313

Nearby Colors

#281d4b
#281d4d
#281d3c
#281d5c

Embed #281D4C swatch

Embed this swatch

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

Open image

About #281D4C

#281D4C converts to RGB(40, 29, 76) and HSL(254, 45%, 21%). 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).

#281D4C FAQs

What is the RGB value of #281D4C?
RGB: 40, 29, 76. Copy as CSS: rgb(40, 29, 76)
Is #281D4C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #281D4C?
Complement: #424e1d.
Does #281D4C have good contrast on white or black?
On white: 15.32:1 (AAA (normal text)). On black: 1.37:1 (Fails AA).