Medium Dark Soft Sapphire is a medium-dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #2B51AB, which equals rgb(43, 81, 171) in RGB and hsl(222, 60%, 42%) in HSL. In print terms it converts to roughly C75 M53 Y0 K33, although exact CMYK results depend on the paper and color profile.
- HEX
#2B51AB - RGB
43, 81, 171 - HSL
222°, 60%, 42% - CMYK
75, 53, 0, 33 - Family
Blue - Tone
Medium-dark, saturated
About Medium Dark Soft 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. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 7.32:1. Its complementary color is #AB852B.
Download Medium Dark Soft 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 Soft Sapphire color codes
| HEX | #2B51AB |
|---|---|
| RGB | rgb(43, 81, 171) |
| HSL | hsl(222, 60%, 42%) |
| HSV | 222°, 75%, 67% |
| CMYK | 75%, 53%, 0%, 33% |
| Decimal | 2838955 |
Shades and tints of Medium Dark Soft Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DCE2F1 - 100
#B8C5E3 - 200
#95A8D5 - 300
#728BC7 - 400
#4E6EB9 - 500
#2B51AB - 600
#24448F - 700
#1D3672 - 800
#162956 - 900
#0E1B39 - 950
#070E1D
Color harmonies for Medium Dark Soft Sapphire
- Complementary
#AB852B≈ Medium Dark Soft Tangerine - Analogous −30°
#2B92AB≈ Medium Dark Soft Lagoon - Analogous +30°
#452BAB≈ Medium Dark Soft Iris - Triadic +120°
#AB2B51≈ Medium Dark Soft Crimson - Triadic +240°
#51AB2B≈ Medium Dark Soft Clover - Split 150°
#AB452B≈ Medium Dark Soft Cinnabar - Split 210°
#92AB2B≈ Medium Dark Soft Chartreuse
Contrast and accessibility of Medium Dark Soft Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Soft Sapphire | Aa | 7.32:1 | AAA (excellent) |
| Black text on Medium Dark Soft Sapphire | Aa | 2.87:1 | Fails |
CSS code for Medium Dark Soft Sapphire
background-color: #2B51AB;color: #2B51AB;background-color: rgb(43, 81, 171);background-color: hsl(222, 60%, 42%);:root { --color-medium-dark-soft-sapphire: #2B51AB; }class="bg-[#2B51AB]"Colors similar to Medium Dark Soft Sapphire
- Medium Dark Soft Cobalt
#2B45AB - Medium Dark Soft Cornflower
#2B5EAB - Medium Dark Muted Cobalt
#405196 - Deep Bright Cerulean
#11579C - Sapphire
#0F52BA - Deep Bright Cornflower
#11499C - Medium Dark Muted Royal
#404996 - Medium Dark Soft Royal
#2B38AB - Medium Dark Muted Sapphire
#405A96 - Medium Dark Bright Sapphire
#1549C1 - Medium Dark Soft Cerulean
#2B6BAB - Medium Dark Bright Cornflower
#155AC1
More blue shades
- Very Pale Bright Sapphire
#ACC2F6 - Palest Bright Sapphire
#D1DDFA - Darkest Soft Sapphire
#0A1329 - Very Dark Soft Sapphire
#122349 - Dark Soft Sapphire
#1B326A - Deep Soft Sapphire
#23428B - Soft Sapphire
#3361CC - Medium Light Soft Sapphire
#547AD4 - Light Soft Sapphire
#7493DC - Pale Soft Sapphire
#95ADE4 - Very Pale Soft Sapphire
#B6C6ED
Frequently asked questions
What is the HEX code for Medium Dark Soft Sapphire?
The HEX code for Medium Dark Soft Sapphire is #2B51AB.
What is the RGB value of Medium Dark Soft Sapphire?
Medium Dark Soft Sapphire has an RGB value of 43, 81, 171 (rgb(43, 81, 171)). In HSL it is 222°, 60%, 42%.
What text color should I use on Medium Dark Soft Sapphire?
Use white text on Medium Dark Soft Sapphire. White text has a contrast ratio of 7.32:1 and black text has 2.87:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Soft Sapphire?
The complementary color of Medium Dark Soft Sapphire is #AB852B. Analogous colors #2B92AB and #452BAB also pair well.