Prussian Blue is a dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #003153, which equals rgb(0, 49, 83) in RGB and hsl(205, 100%, 16%) in HSL. In print terms it converts to roughly C100 M41 Y0 K67, although exact CMYK results depend on the paper and color profile.
- HEX
#003153 - RGB
0, 49, 83 - HSL
205°, 100%, 16% - CMYK
100, 41, 0, 67 - Family
Blue - Tone
Dark, vivid
About Prussian Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 13.43:1. Its complementary color is #522200.
Download Prussian Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Prussian Blue color codes
| HEX | #003153 |
|---|---|
| RGB | rgb(0, 49, 83) |
| HSL | hsl(205, 100%, 16%) |
| HSV | 205°, 100%, 33% |
| CMYK | 100%, 41%, 0%, 67% |
| Decimal | 12627 |
Shades and tints of Prussian Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5DDE2 - 100
#AABAC6 - 200
#8098A9 - 300
#55768C - 400
#2B5370 - 500
#003153 - 600
#002945 - 700
#002137 - 800
#00192A - 900
#00101C - 950
#00080E
Color harmonies for Prussian Blue
- Complementary
#522200≈ Very Dark Bright Cinnabar - Analogous −30°
#00524B≈ Very Dark Bright Teal - Analogous +30°
#000752≈ Very Dark Bright Blue - Triadic +120°
#520030≈ Very Dark Blush - Triadic +240°
#305200≈ Very Dark Bright Apple - Split 150°
#520007≈ Very Dark Cardinal - Split 210°
#524B00≈ Very Dark Bright Gold
Contrast and accessibility of Prussian Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Prussian Blue | Aa | 13.43:1 | AAA (excellent) |
| Black text on Prussian Blue | Aa | 1.56:1 | Fails |
CSS code for Prussian Blue
background-color: #003153;color: #003153;background-color: rgb(0, 49, 83);background-color: hsl(205, 100%, 16%);:root { --color-prussian-blue: #003153; }class="bg-[#003153]"Colors similar to Prussian Blue
- Very Dark Bright Cerulean
#092E53 - Very Dark Bright Azure
#093553 - Very Dark Cerulean
#002E5C - Very Dark Azure
#00375C - Very Dark Bright Cornflower
#092753 - Very Dark Bright Capri
#093D53 - Very Dark Cornflower
#00255C - Very Dark Soft Azure
#123349 - Very Dark Soft Cerulean
#122E49 - Very Dark Capri
#00405C - Very Dark Soft Capri
#123949 - Very Dark Soft Cornflower
#122849
More blue shades
- Cobalt Blue
#0047AB - Ultramarine
#3F00FF - Iris
#5A4FCF - Denim
#1560BD - Azure Blue
#007FFF - Persian Blue
#1C39BB - Oxford Blue
#002147 - Peacock Blue
#1B6A8A - Very Pale Dusty Turquoise
#C8DAD7 - Darkest Teal
#00332E - Very Dark Teal
#005C53
Frequently asked questions
What is the HEX code for Prussian Blue?
The HEX code for Prussian Blue is #003153.
What is the RGB value of Prussian Blue?
Prussian Blue has an RGB value of 0, 49, 83 (rgb(0, 49, 83)). In HSL it is 205°, 100%, 16%.
What text color should I use on Prussian Blue?
Use white text on Prussian Blue. White text has a contrast ratio of 13.43:1 and black text has 1.56:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Prussian Blue?
The complementary color of Prussian Blue is #522200. Analogous colors #00524B and #000752 also pair well.