Pale Soft Sapphire is a medium-light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #95ADE4, which equals rgb(149, 173, 228) in RGB and hsl(222, 59%, 74%) in HSL. In print terms it converts to roughly C35 M24 Y0 K11, although exact CMYK results depend on the paper and color profile.
- HEX
#95ADE4 - RGB
149, 173, 228 - HSL
222°, 59%, 74% - CMYK
35, 24, 0, 11 - Family
Blue - Tone
Medium-light, moderately saturated
About Pale 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 9.38:1. Its complementary color is #E4CC96.
Download Pale 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…
Pale Soft Sapphire color codes
| HEX | #95ADE4 |
|---|---|
| RGB | rgb(149, 173, 228) |
| HSL | hsl(222, 59%, 74%) |
| HSV | 222°, 35%, 89% |
| CMYK | 35%, 24%, 0%, 11% |
| Decimal | 9809380 |
Shades and tints of Pale Soft Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EDF1FB - 100
#DCE4F6 - 200
#CAD6F2 - 300
#B8C8ED - 400
#A7BBE9 - 500
#95ADE4 - 600
#7C90BE - 700
#637398 - 800
#4B5772 - 900
#323A4C - 950
#191D26
Color harmonies for Pale Soft Sapphire
- Complementary
#E4CC96≈ Pale Soft Amber - Analogous −30°
#96D4E4≈ Pale Soft Peacock - Analogous +30°
#A596E4≈ Pale Soft Indigo - Triadic +120°
#E496AD≈ Pale Soft Ruby - Triadic +240°
#ADE496≈ Pale Soft Leaf - Split 150°
#E4A596≈ Pale Soft Vermilion - Split 210°
#D4E496≈ Pale Soft Lime
Contrast and accessibility of Pale Soft Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Soft Sapphire | Aa | 2.24:1 | Fails |
| Black text on Pale Soft Sapphire | Aa | 9.38:1 | AAA (excellent) |
CSS code for Pale Soft Sapphire
background-color: #95ADE4;color: #95ADE4;background-color: rgb(149, 173, 228);background-color: hsl(222, 59%, 74%);:root { --color-pale-soft-sapphire: #95ADE4; }class="bg-[#95ADE4]"Colors similar to Pale Soft Sapphire
- Pale Soft Cornflower
#95B5E4 - Pale Soft Cobalt
#95A5E4 - Pale Muted Cobalt
#A2ADD7 - Pale Muted Sapphire
#A2B2D7 - Pale Muted Royal
#A2A7D7 - Pale Bright Cornflower
#88B2F2 - Pale Soft Cerulean
#95BDE4 - Pale Soft Royal
#959DE4 - Pale Bright Sapphire
#88A7F2 - Pale Muted Cornflower
#A2B7D7 - Pale Muted Blue
#A2A2D7 - Pale Muted Ultramarine
#A7A2D7
More blue shades
- Dark Soft Sapphire
#1B326A - Deep Soft Sapphire
#23428B - Medium Dark Soft Sapphire
#2B51AB - Soft Sapphire
#3361CC - Medium Light Soft Sapphire
#547AD4 - Light Soft Sapphire
#7493DC - Very Pale Soft Sapphire
#B6C6ED - Palest Soft Sapphire
#D6DFF5 - Darkest Muted Sapphire
#0F1524 - Very Dark Muted Sapphire
#1C2740 - Dark Muted Sapphire
#28385D
Frequently asked questions
What is the HEX code for Pale Soft Sapphire?
The HEX code for Pale Soft Sapphire is #95ADE4.
What is the RGB value of Pale Soft Sapphire?
Pale Soft Sapphire has an RGB value of 149, 173, 228 (rgb(149, 173, 228)). In HSL it is 222°, 59%, 74%.
What text color should I use on Pale Soft Sapphire?
Use black text on Pale Soft Sapphire. White text has a contrast ratio of 2.24:1 and black text has 9.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Soft Sapphire?
The complementary color of Pale Soft Sapphire is #E4CC96. Analogous colors #96D4E4 and #A596E4 also pair well.