Medium Light Soft Sapphire is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #547AD4, which equals rgb(84, 122, 212) in RGB and hsl(222, 60%, 58%) in HSL. In print terms it converts to roughly C60 M42 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#547AD4 - RGB
84, 122, 212 - HSL
222°, 60%, 58% - CMYK
60, 42, 0, 17 - Family
Blue - Tone
Medium, saturated
About Medium Light 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. 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 5.11:1. Its complementary color is #D4AE54.
Download Medium Light 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 Light Soft Sapphire color codes
| HEX | #547AD4 |
|---|---|
| RGB | rgb(84, 122, 212) |
| HSL | hsl(222, 60%, 58%) |
| HSV | 222°, 60%, 83% |
| CMYK | 60%, 42%, 0%, 17% |
| Decimal | 5536468 |
Shades and tints of Medium Light Soft Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E9F8 - 100
#C6D3F1 - 200
#AABDEA - 300
#8DA6E2 - 400
#7190DB - 500
#547AD4 - 600
#4666B1 - 700
#38518D - 800
#2A3D6A - 900
#1C2947 - 950
#0E1423
Color harmonies for Medium Light Soft Sapphire
- Complementary
#D4AE54≈ Medium Light Soft Marigold - Analogous −30°
#54BAD4≈ Medium Light Soft Capri - Analogous +30°
#6D54D4≈ Slate Blue - Triadic +120°
#D4547A≈ Medium Light Soft Carmine - Triadic +240°
#7AD454≈ Medium Light Soft Clover - Split 150°
#D46D54≈ Medium Light Soft Scarlet - Split 210°
#BAD454≈ Medium Light Soft Chartreuse
Contrast and accessibility of Medium Light Soft Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Soft Sapphire | Aa | 4.11:1 | AA Large only |
| Black text on Medium Light Soft Sapphire | Aa | 5.11:1 | AA (good) |
CSS code for Medium Light Soft Sapphire
background-color: #547AD4;color: #547AD4;background-color: rgb(84, 122, 212);background-color: hsl(222, 60%, 58%);:root { --color-medium-light-soft-sapphire: #547AD4; }class="bg-[#547AD4]"Colors similar to Medium Light Soft Sapphire
- Medium Light Soft Cornflower
#5487D4 - Medium Light Soft Cobalt
#546DD4 - Medium Light Muted Cobalt
#697ABF - Light Bright Cobalt
#637FEE - Royal Blue
#4169E1 - Medium Light Muted Royal
#6972BF - Medium Light Muted Sapphire
#6983BF - Light Bright Royal
#6371EE - Medium Light Bright Sapphire
#3E72EA - Medium Light Soft Cerulean
#5494D4 - Medium Light Soft Royal
#5460D4 - Light Soft Royal
#747FDC
More blue shades
- Darkest Soft Sapphire
#0A1329 - Very Dark Soft Sapphire
#122349 - Dark Soft Sapphire
#1B326A - Deep Soft Sapphire
#23428B - Medium Dark Soft Sapphire
#2B51AB - Soft Sapphire
#3361CC - Light Soft Sapphire
#7493DC - Pale Soft Sapphire
#95ADE4 - Very Pale Soft Sapphire
#B6C6ED - Palest Soft Sapphire
#D6DFF5 - Darkest Muted Sapphire
#0F1524
Frequently asked questions
What is the HEX code for Medium Light Soft Sapphire?
The HEX code for Medium Light Soft Sapphire is #547AD4.
What is the RGB value of Medium Light Soft Sapphire?
Medium Light Soft Sapphire has an RGB value of 84, 122, 212 (rgb(84, 122, 212)). In HSL it is 222°, 60%, 58%.
What text color should I use on Medium Light Soft Sapphire?
Use black text on Medium Light Soft Sapphire. White text has a contrast ratio of 4.11:1 and black text has 5.11:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Soft Sapphire?
The complementary color of Medium Light Soft Sapphire is #D4AE54. Analogous colors #54BAD4 and #6D54D4 also pair well.