Medium Dark Bright Azure is a medium-dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #157CC1, which equals rgb(21, 124, 193) in RGB and hsl(204, 80%, 42%) in HSL. In print terms it converts to roughly C89 M36 Y0 K24, although exact CMYK results depend on the paper and color profile.
- HEX
#157CC1 - RGB
21, 124, 193 - HSL
204°, 80%, 42% - CMYK
89, 36, 0, 24 - Family
Blue - Tone
Medium-dark, saturated
About Medium Dark Bright Azure
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 4.68:1. Its complementary color is #C15A15.
Download Medium Dark Bright Azure 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…
Medium Dark Bright Azure color codes
| HEX | #157CC1 |
|---|---|
| RGB | rgb(21, 124, 193) |
| HSL | hsl(204, 80%, 42%) |
| HSV | 204°, 89%, 76% |
| CMYK | 89%, 36%, 0%, 24% |
| Decimal | 1408193 |
Shades and tints of Medium Dark Bright Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D8E9F5 - 100
#B1D3EA - 200
#8ABEE0 - 300
#63A8D6 - 400
#3C92CB - 500
#157CC1 - 600
#1267A1 - 700
#0E5381 - 800
#0B3E61 - 900
#072940 - 950
#041520
Color harmonies for Medium Dark Bright Azure
- Complementary
#C15A15≈ Medium Dark Bright Cinnabar - Analogous −30°
#15C1B0≈ Medium Dark Bright Turquoise - Analogous +30°
#1527C1≈ Medium Dark Bright Cobalt - Triadic +120°
#C1157C≈ Medium Violet Red - Triadic +240°
#7CC115≈ Medium Dark Bright Apple - Split 150°
#C11527≈ Medium Dark Bright Crimson - Split 210°
#C1B015≈ Medium Dark Bright Marigold
Contrast and accessibility of Medium Dark Bright Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Bright Azure | Aa | 4.48:1 | AA Large only |
| Black text on Medium Dark Bright Azure | Aa | 4.68:1 | AA (good) |
CSS code for Medium Dark Bright Azure
background-color: #157CC1;color: #157CC1;background-color: rgb(21, 124, 193);background-color: hsl(204, 80%, 42%);:root { --color-medium-dark-bright-azure: #157CC1; }class="bg-[#157CC1]"Colors similar to Medium Dark Bright Azure
- Medium Dark Bright Capri
#158DC1 - Medium Dark Bright Cerulean
#156BC1 - Deep Capri
#0079AD - Medium Dark Azure
#0081D6 - Soft Cerulean
#337FCC - Medium Dark Soft Azure
#2B78AB - Medium Dark Soft Capri
#2B85AB - Soft Cornflower
#3370CC - Cerulean
#007BA7 - Deep Peacock
#008BAD - Denim
#1560BD - Medium Dark Cerulean
#006BD6
More blue shades
- Very Pale Azure
#A3DAFF - Palest Azure
#CCEBFF - Darkest Bright Azure
#051E2E - Very Dark Bright Azure
#093553 - Dark Bright Azure
#0D4D77 - Deep Bright Azure
#11659C - Bright Azure
#1994E6 - Medium Light Bright Azure
#3EA5EA - Light Bright Azure
#63B6EE - Pale Bright Azure
#88C7F2 - Very Pale Bright Azure
#ACD8F6
Frequently asked questions
What is the HEX code for Medium Dark Bright Azure?
The HEX code for Medium Dark Bright Azure is #157CC1.
What is the RGB value of Medium Dark Bright Azure?
Medium Dark Bright Azure has an RGB value of 21, 124, 193 (rgb(21, 124, 193)). In HSL it is 204°, 80%, 42%.
What text color should I use on Medium Dark Bright Azure?
Use black text on Medium Dark Bright Azure. White text has a contrast ratio of 4.48:1 and black text has 4.68:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Bright Azure?
The complementary color of Medium Dark Bright Azure is #C15A15. Analogous colors #15C1B0 and #1527C1 also pair well.