Muted Ultramarine is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #574DB2, which equals rgb(87, 77, 178) in RGB and hsl(246, 40%, 50%) in HSL. In print terms it converts to roughly C51 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#574DB2 - RGB
87, 77, 178 - HSL
246°, 40%, 50% - CMYK
51, 57, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted 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 6.75:1. Its complementary color is #A8B34D.
Download Muted 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…
Muted Ultramarine color codes
| HEX | #574DB2 |
|---|---|
| RGB | rgb(87, 77, 178) |
| HSL | hsl(246, 40%, 50%) |
| HSV | 246°, 57%, 70% |
| CMYK | 51%, 57%, 0%, 30% |
| Decimal | 5721522 |
Shades and tints of Muted Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E1F2 - 100
#C7C4E5 - 200
#ABA6D9 - 300
#8F88CC - 400
#736BBF - 500
#574DB2 - 600
#494094 - 700
#3A3377 - 800
#2C2759 - 900
#1D1A3B - 950
#0F0D1E
Color harmonies for Muted Ultramarine
- Complementary
#A8B34D≈ Muted Citron - Analogous −30°
#4D75B3≈ Muted Cornflower - Analogous +30°
#8A4DB3≈ Muted Amethyst - Triadic +120°
#B3574D≈ Muted Scarlet - Triadic +240°
#4DB357≈ Muted Kelly - Split 150°
#B38A4D≈ Muted Tangerine - Split 210°
#75B34D≈ Muted Fern
Contrast and accessibility of Muted Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Ultramarine | Aa | 6.75:1 | AA (good) |
| Black text on Muted Ultramarine | Aa | 3.11:1 | AA Large only |
CSS code for Muted Ultramarine
background-color: #574DB2;color: #574DB2;background-color: rgb(87, 77, 178);background-color: hsl(246, 40%, 50%);:root { --color-muted-ultramarine: #574DB2; }class="bg-[#574DB2]"Colors similar to Muted Ultramarine
- Muted Blue
#4D4DB2 - Muted Indigo
#614DB2 - Muted Royal
#4D57B2 - Muted Iris
#6B4DB2 - Muted Cobalt
#4D61B2 - Muted Periwinkle
#754DB2 - Iris
#5A4FCF - Medium Dark Muted Iris
#5A4096 - Medium Dark Muted Indigo
#514096 - Medium Dark Muted Periwinkle
#634096 - Medium Dark Muted Ultramarine
#494096 - Medium Light Soft Blue
#5454D4
More blue shades
- Palest Soft Ultramarine
#D9D6F5 - Darkest Muted Ultramarine
#110F24 - Very Dark Muted Ultramarine
#1F1C40 - Dark Muted Ultramarine
#2D285D - Deep Muted Ultramarine
#3B3479 - Medium Dark Muted Ultramarine
#494096 - Medium Light Muted Ultramarine
#7269BF - Light Muted Ultramarine
#8D86CB - Pale Muted Ultramarine
#A7A2D7 - Very Pale Muted Ultramarine
#C2BFE3 - Palest Muted Ultramarine
#DDDBF0
Frequently asked questions
What is the HEX code for Muted Ultramarine?
The HEX code for Muted Ultramarine is #574DB2.
What is the RGB value of Muted Ultramarine?
Muted Ultramarine has an RGB value of 87, 77, 178 (rgb(87, 77, 178)). In HSL it is 246°, 40%, 50%.
What text color should I use on Muted Ultramarine?
Use white text on Muted Ultramarine. White text has a contrast ratio of 6.75:1 and black text has 3.11:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Ultramarine?
The complementary color of Muted Ultramarine is #A8B34D. Analogous colors #4D75B3 and #8A4DB3 also pair well.