Light Sapphire is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #5286FF, which equals rgb(82, 134, 255) in RGB and hsl(222, 100%, 66%) in HSL. In print terms it converts to roughly C68 M47 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#5286FF - RGB
82, 134, 255 - HSL
222°, 100%, 66% - CMYK
68, 47, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light 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.21:1. Its complementary color is #FFCB52.
Download Light 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 Sapphire color codes
| HEX | #5286FF |
|---|---|
| RGB | rgb(82, 134, 255) |
| HSL | hsl(222, 100%, 66%) |
| HSV | 222°, 68%, 100% |
| CMYK | 68%, 47%, 0%, 0% |
| Decimal | 5408511 |
Shades and tints of Light Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2EBFF - 100
#C5D7FF - 200
#A9C3FF - 300
#8CAEFF - 400
#6F9AFF - 500
#5286FF - 600
#4470D5 - 700
#3759AA - 800
#294380 - 900
#1B2D55 - 950
#0E162B
Color harmonies for Light Sapphire
- Complementary
#FFCB52≈ Mustard - Analogous −30°
#52DCFF≈ Light Capri - Analogous +30°
#7452FF≈ Light Ultramarine - Triadic +120°
#FF5286≈ Light Carmine - Triadic +240°
#86FF52≈ Light Fern - Split 150°
#FF7452≈ Coral - Split 210°
#DCFF52≈ Light Chartreuse
Contrast and accessibility of Light Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Sapphire | Aa | 3.38:1 | AA Large only |
| Black text on Light Sapphire | Aa | 6.21:1 | AA (good) |
CSS code for Light Sapphire
background-color: #5286FF;color: #5286FF;background-color: rgb(82, 134, 255);background-color: hsl(222, 100%, 66%);:root { --color-light-sapphire: #5286FF; }class="bg-[#5286FF]"Colors similar to Light Sapphire
- Light Cornflower
#5297FF - Light Cobalt
#5274FF - Light Bright Sapphire
#638DEE - Light Bright Cobalt
#637FEE - Medium Light Bright Cornflower
#3E83EA - Cornflower Blue
#6495ED - Medium Light Bright Cerulean
#3E94EA - Light Bright Cornflower
#639AEE - Light Bright Royal
#6371EE - Medium Light Bright Sapphire
#3E72EA - Pale Royal
#7A88FF - Medium Light Cornflower
#297EFF
More blue shades
- Very Dark Sapphire
#001C5C - Dark Sapphire
#002885 - Deep Sapphire
#0034AD - Medium Dark Sapphire
#0040D6 - Pure Sapphire
#004CFF - Medium Light Sapphire
#2969FF - Pale Sapphire
#7AA2FF - Very Pale Sapphire
#A3BFFF - Palest Sapphire
#CCDBFF - Darkest Bright Sapphire
#05112E - Very Dark Bright Sapphire
#091F53
Frequently asked questions
What is the HEX code for Light Sapphire?
The HEX code for Light Sapphire is #5286FF.
What is the RGB value of Light Sapphire?
Light Sapphire has an RGB value of 82, 134, 255 (rgb(82, 134, 255)). In HSL it is 222°, 100%, 66%.
What text color should I use on Light Sapphire?
Use black text on Light Sapphire. White text has a contrast ratio of 3.38:1 and black text has 6.21:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Sapphire?
The complementary color of Light Sapphire is #FFCB52. Analogous colors #52DCFF and #7452FF also pair well.