Medium Dark Sapphire is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0040D6, which equals rgb(0, 64, 214) in RGB and hsl(222, 100%, 42%) in HSL. In print terms it converts to roughly C100 M70 Y0 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#0040D6 - RGB
0, 64, 214 - HSL
222°, 100%, 42% - CMYK
100, 70, 0, 16 - Family
Blue - Tone
Medium-dark, vivid
About Medium Dark Sapphire
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 white is the most readable choice on this color, with a contrast ratio of 7.77:1. Its complementary color is #D69600.
Download Medium Dark Sapphire 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 Sapphire color codes
| HEX | #0040D6 |
|---|---|
| RGB | rgb(0, 64, 214) |
| HSL | hsl(222, 100%, 42%) |
| HSV | 222°, 100%, 84% |
| CMYK | 100%, 70%, 0%, 16% |
| Decimal | 16598 |
Shades and tints of Medium Dark Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5DFF8 - 100
#AABFF1 - 200
#80A0EB - 300
#5580E4 - 400
#2B60DD - 500
#0040D6 - 600
#0035B2 - 700
#002B8F - 800
#00206B - 900
#001547 - 950
#000B24
Color harmonies for Medium Dark Sapphire
- Complementary
#D69600≈ Medium Dark Tangerine - Analogous −30°
#00ABD6≈ Medium Dark Capri - Analogous +30°
#2B00D6≈ Medium Dark Iris - Triadic +120°
#D60040≈ Medium Dark Crimson - Triadic +240°
#40D600≈ Medium Dark Clover - Split 150°
#D62B00≈ Medium Dark Cinnabar - Split 210°
#ABD600≈ Medium Dark Chartreuse
Contrast and accessibility of Medium Dark Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Sapphire | Aa | 7.77:1 | AAA (excellent) |
| Black text on Medium Dark Sapphire | Aa | 2.70:1 | Fails |
CSS code for Medium Dark Sapphire
background-color: #0040D6;color: #0040D6;background-color: rgb(0, 64, 214);background-color: hsl(222, 100%, 42%);:root { --color-medium-dark-sapphire: #0040D6; }class="bg-[#0040D6]"Colors similar to Medium Dark Sapphire
- Medium Dark Cobalt
#002BD6 - Medium Dark Cornflower
#0056D6 - Bright Cobalt
#1942E6 - Medium Dark Bright Cobalt
#1538C1 - Medium Dark Bright Sapphire
#1549C1 - Bright Royal
#192EE6 - Persian Blue
#1C39BB - Sapphire
#0F52BA - Bright Sapphire
#1957E6 - Medium Dark Bright Royal
#1527C1 - Medium Dark Bright Cornflower
#155AC1 - Deep Cornflower
#0045AD
More blue shades
- Very Pale Dusty Cornflower
#C8CFDA - Palest Dusty Cornflower
#E0E4EB - Darkest Sapphire
#000F33 - Very Dark Sapphire
#001C5C - Dark Sapphire
#002885 - Deep Sapphire
#0034AD - Pure Sapphire
#004CFF - Medium Light Sapphire
#2969FF - Light Sapphire
#5286FF - Pale Sapphire
#7AA2FF - Very Pale Sapphire
#A3BFFF
Frequently asked questions
What is the HEX code for Medium Dark Sapphire?
The HEX code for Medium Dark Sapphire is #0040D6.
What is the RGB value of Medium Dark Sapphire?
Medium Dark Sapphire has an RGB value of 0, 64, 214 (rgb(0, 64, 214)). In HSL it is 222°, 100%, 42%.
What text color should I use on Medium Dark Sapphire?
Use white text on Medium Dark Sapphire. White text has a contrast ratio of 7.77:1 and black text has 2.70:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Sapphire?
The complementary color of Medium Dark Sapphire is #D69600. Analogous colors #00ABD6 and #2B00D6 also pair well.