Ultramarine is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #3F00FF, which equals rgb(63, 0, 255) in RGB and hsl(255, 100%, 50%) in HSL. In print terms it converts to roughly C75 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#3F00FF - RGB
63, 0, 255 - HSL
255°, 100%, 50% - CMYK
75, 100, 0, 0 - Family
Blue - Tone
Medium, vivid
About Ultramarine
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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 7.91:1. Its complementary color is #BFFF00.
Download Ultramarine 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…
Ultramarine color codes
| HEX | #3F00FF |
|---|---|
| RGB | rgb(63, 0, 255) |
| HSL | hsl(255, 100%, 50%) |
| HSV | 255°, 100%, 100% |
| CMYK | 75%, 100%, 0%, 0% |
| Decimal | 4129023 |
Shades and tints of Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DFD5FF - 100
#BFAAFF - 200
#9F80FF - 300
#7F55FF - 400
#5F2BFF - 500
#3F00FF - 600
#3500D5 - 700
#2A00AA - 800
#200080 - 900
#150055 - 950
#0B002B
Color harmonies for Ultramarine
- Complementary
#BFFF00≈ Pure Chartreuse - Analogous −30°
#0040FF≈ Pure Sapphire - Analogous +30°
#BF00FF≈ Pure Grape - Triadic +120°
#FF4000≈ Orange Red - Triadic +240°
#00FF40≈ Pure Emerald - Split 150°
#FFBF00≈ Pure Amber - Split 210°
#40FF00≈ Pure Leaf
Contrast and accessibility of Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Ultramarine | Aa | 7.91:1 | AAA (excellent) |
| Black text on Ultramarine | Aa | 2.66:1 | Fails |
CSS code for Ultramarine
background-color: #3F00FF;color: #3F00FF;background-color: rgb(63, 0, 255);background-color: hsl(255, 100%, 50%);:root { --color-ultramarine: #3F00FF; }class="bg-[#3F00FF]"Colors similar to Ultramarine
- Pure Indigo
#3300FF - Pure Iris
#4D00FF - Pure Ultramarine
#1900FF - Pure Periwinkle
#6600FF - Bright Indigo
#4219E6 - Medium Dark Iris
#4000D6 - Bright Ultramarine
#2E19E6 - Bright Iris
#5719E6 - Medium Dark Indigo
#2B00D6 - Medium Dark Periwinkle
#5600D6 - Medium Light Ultramarine
#3E29FF - Bright Blue
#1919E6
More blue shades
- Steel Blue
#4682B4 - Turquoise
#40E0D0 - Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB - Iris
#5A4FCF - Denim
#1560BD - Azure Blue
#007FFF - Persian Blue
#1C39BB - Prussian Blue
#003153
Frequently asked questions
What is the HEX code for Ultramarine?
The HEX code for Ultramarine is #3F00FF.
What is the RGB value of Ultramarine?
Ultramarine has an RGB value of 63, 0, 255 (rgb(63, 0, 255)). In HSL it is 255°, 100%, 50%.
What text color should I use on Ultramarine?
Use white text on Ultramarine. White text has a contrast ratio of 7.91:1 and black text has 2.66:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Ultramarine?
The complementary color of Ultramarine is #BFFF00. Analogous colors #0040FF and #BF00FF also pair well.