Dark Bright Ultramarine is a dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #180D77, which equals rgb(24, 13, 119) in RGB and hsl(246, 80%, 26%) in HSL. In print terms it converts to roughly C80 M89 Y0 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#180D77 - RGB
24, 13, 119 - HSL
246°, 80%, 26% - CMYK
80, 89, 0, 53 - Family
Blue - Tone
Dark, saturated
About Dark Bright 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 15.41:1. Its complementary color is #6D770D.
Download Dark Bright 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…
Dark Bright Ultramarine color codes
| HEX | #180D77 |
|---|---|
| RGB | rgb(24, 13, 119) |
| HSL | hsl(246, 80%, 26%) |
| HSV | 246°, 89%, 47% |
| CMYK | 80%, 89%, 0%, 53% |
| Decimal | 1576311 |
Shades and tints of Dark Bright Ultramarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9D7E8 - 100
#B2AED2 - 200
#8C86BB - 300
#655EA4 - 400
#3F358E - 500
#180D77 - 600
#140B63 - 700
#10094F - 800
#0C073C - 900
#080428 - 950
#040214
Color harmonies for Dark Bright Ultramarine
- Complementary
#6D770D≈ Dark Bright Yellow - Analogous −30°
#0D3877≈ Dark Bright Cerulean - Analogous +30°
#4D0D77≈ Dark Bright Violet - Triadic +120°
#77180D≈ Dark Bright Vermilion - Triadic +240°
#0D7718≈ Dark Bright Emerald - Split 150°
#774D0D≈ Dark Bright Orange - Split 210°
#38770D≈ Dark Bright Apple
Contrast and accessibility of Dark Bright Ultramarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Ultramarine | Aa | 15.41:1 | AAA (excellent) |
| Black text on Dark Bright Ultramarine | Aa | 1.36:1 | Fails |
CSS code for Dark Bright Ultramarine
background-color: #180D77;color: #180D77;background-color: rgb(24, 13, 119);background-color: hsl(246, 80%, 26%);:root { --color-dark-bright-ultramarine: #180D77; }class="bg-[#180D77]"Colors similar to Dark Bright Ultramarine
- Dark Bright Indigo
#220D77 - Dark Bright Blue
#0D0D77 - Midnight Blue
#191970 - Dark Bright Royal
#0D1877 - Dark Bright Iris
#2D0D77 - Dark Indigo
#1B0085 - Dark Soft Blue
#1B1B6A - Dark Soft Ultramarine
#221B6A - Dark Ultramarine
#0D0085 - Dark Royal
#000D85 - Dark Iris
#280085 - Dark Soft Indigo
#2A1B6A
More blue shades
- Light Ultramarine
#6352FF - Pale Ultramarine
#887AFF - Very Pale Ultramarine
#ACA3FF - Palest Ultramarine
#D1CCFF - Darkest Bright Ultramarine
#09052E - Very Dark Bright Ultramarine
#110953 - Deep Bright Ultramarine
#1F119C - Medium Dark Bright Ultramarine
#2715C1 - Bright Ultramarine
#2E19E6 - Medium Light Bright Ultramarine
#4F3EEA - Light Bright Ultramarine
#7163EE
Frequently asked questions
What is the HEX code for Dark Bright Ultramarine?
The HEX code for Dark Bright Ultramarine is #180D77.
What is the RGB value of Dark Bright Ultramarine?
Dark Bright Ultramarine has an RGB value of 24, 13, 119 (rgb(24, 13, 119)). In HSL it is 246°, 80%, 26%.
What text color should I use on Dark Bright Ultramarine?
Use white text on Dark Bright Ultramarine. White text has a contrast ratio of 15.41:1 and black text has 1.36:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Bright Ultramarine?
The complementary color of Dark Bright Ultramarine is #6D770D. Analogous colors #0D3877 and #4D0D77 also pair well.