#002D8C

Color Details

HEX
#002D8C
RGB
rgb(0, 45, 140)
HSL
hsl(221, 100%, 27%)
CMYK
cmyk(100%, 68%, 0%, 45%)
Best text on this color #FFFFFF (CR 11.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #002d8c
Contrast 1.75:1 Fail
White on #002d8c
Contrast 11.97:1 AAA
#002d8c on Black
Contrast 1.75:1 Fail
#002d8c on White
Contrast 11.97:1 AAA

Tints & Shades

#3357a3
#6681ba
#99abd1
#002470
#001b54
#001238

Complement & Analogous

#8a5e00
#19008a
#00708a

Triadic

#8a002c
#2c8a00

Monochrome

#001238 #001b54 #002d8c #6681ba #99abd1 #ccd5e8

Analogous

#00708a #4d9bad #002d8c #4733a1 #19008a #14006e

Complementary Mix

#001b54 #002d8c #6681ba #8a5e00 #b39659 #5a3d00

Nearby Colors

#002d8b
#002d8d
#002d7c
#002d9c

Embed #002D8C swatch

Embed this swatch

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

Open image

About #002D8C

#002D8C converts to RGB(0, 45, 140) and HSL(221, 100%, 27%). 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).

#002D8C FAQs

What is the RGB value of #002D8C?
RGB: 0, 45, 140. Copy as CSS: rgb(0, 45, 140)
Is #002D8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #002D8C?
Complement: #8a5e00.
Does #002D8C have good contrast on white or black?
On white: 11.97:1 (AAA (normal text)). On black: 1.75:1 (Fails AA).