Light Soft Sapphire is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #7493DC, which equals rgb(116, 147, 220) in RGB and hsl(222, 60%, 66%) in HSL. In print terms it converts to roughly C47 M33 Y0 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#7493DC - RGB
116, 147, 220 - HSL
222°, 60%, 66% - CMYK
47, 33, 0, 14 - Family
Blue - Tone
Medium-light, saturated
About 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 6.95:1. Its complementary color is #DCBD74.
Download 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…
Light Soft Sapphire color codes
| HEX | #7493DC |
|---|---|
| RGB | rgb(116, 147, 220) |
| HSL | hsl(222, 60%, 66%) |
| HSV | 222°, 47%, 86% |
| CMYK | 47%, 33%, 0%, 14% |
| Decimal | 7640028 |
Shades and tints of Light Soft Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8EDF9 - 100
#D1DBF3 - 200
#BAC9EE - 300
#A2B7E8 - 400
#8BA5E2 - 500
#7493DC - 600
#617BB7 - 700
#4D6293 - 800
#3A4A6E - 900
#273149 - 950
#131925
Color harmonies for Light Soft Sapphire
- Complementary
#DCBD74≈ Light Soft Tangerine - Analogous −30°
#74C8DC≈ Light Soft Lagoon - Analogous +30°
#8974DC≈ Light Soft Ultramarine - Triadic +120°
#DC7493≈ Pale Violet Red - Triadic +240°
#93DC74≈ Light Soft Clover - Split 150°
#DC8974≈ Light Soft Scarlet - Split 210°
#C8DC74≈ Light Soft Citron
Contrast and accessibility of Light Soft Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Sapphire | Aa | 3.02:1 | AA Large only |
| Black text on Light Soft Sapphire | Aa | 6.95:1 | AA (good) |
CSS code for Light Soft Sapphire
background-color: #7493DC;color: #7493DC;background-color: rgb(116, 147, 220);background-color: hsl(222, 60%, 66%);:root { --color-light-soft-sapphire: #7493DC; }class="bg-[#7493DC]"Colors similar to Light Soft Sapphire
- Light Soft Cobalt
#7489DC - Light Soft Cornflower
#749EDC - Cornflower Blue
#6495ED - Light Muted Cobalt
#8693CB - Light Soft Royal
#747FDC - Light Muted Royal
#868DCB - Light Bright Sapphire
#638DEE - Light Muted Sapphire
#869ACB - Light Bright Cornflower
#639AEE - Light Soft Cerulean
#74A8DC - Light Muted Blue
#8686CB - Pale Bright Royal
#8892F2
More blue shades
- Very Dark Soft Sapphire
#122349 - Dark Soft Sapphire
#1B326A - Deep Soft Sapphire
#23428B - Medium Dark Soft Sapphire
#2B51AB - Soft Sapphire
#3361CC - Medium Light Soft Sapphire
#547AD4 - Pale Soft Sapphire
#95ADE4 - Very Pale Soft Sapphire
#B6C6ED - Palest Soft Sapphire
#D6DFF5 - Darkest Muted Sapphire
#0F1524 - Very Dark Muted Sapphire
#1C2740
Frequently asked questions
What is the HEX code for Light Soft Sapphire?
The HEX code for Light Soft Sapphire is #7493DC.
What is the RGB value of Light Soft Sapphire?
Light Soft Sapphire has an RGB value of 116, 147, 220 (rgb(116, 147, 220)). In HSL it is 222°, 60%, 66%.
What text color should I use on Light Soft Sapphire?
Use black text on Light Soft Sapphire. White text has a contrast ratio of 3.02:1 and black text has 6.95:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Sapphire?
The complementary color of Light Soft Sapphire is #DCBD74. Analogous colors #74C8DC and #8974DC also pair well.