Medium Light Sapphire is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #2969FF, which equals rgb(41, 105, 255) in RGB and hsl(222, 100%, 58%) in HSL. In print terms it converts to roughly C84 M59 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#2969FF - RGB
41, 105, 255 - HSL
222°, 100%, 58% - CMYK
84, 59, 0, 0 - Family
Blue - Tone
Medium, vivid
About Medium 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 white is the most readable choice on this color, with a contrast ratio of 4.61:1. Its complementary color is #FFBF29.
Download Medium 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…
Medium Light Sapphire color codes
| HEX | #2969FF |
|---|---|
| RGB | rgb(41, 105, 255) |
| HSL | hsl(222, 100%, 58%) |
| HSV | 222°, 84%, 100% |
| CMYK | 84%, 59%, 0%, 0% |
| Decimal | 2714111 |
Shades and tints of Medium Light Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DBE6FF - 100
#B8CDFF - 200
#94B4FF - 300
#709BFF - 400
#4D82FF - 500
#2969FF - 600
#2258D5 - 700
#1B46AA - 800
#153580 - 900
#0E2355 - 950
#07122B
Color harmonies for Medium Light Sapphire
- Complementary
#FFBF29≈ Saffron - Analogous −30°
#29D4FF≈ Medium Light Capri - Analogous +30°
#5429FF≈ Medium Light Iris - Triadic +120°
#FF2969≈ Medium Light Carmine - Triadic +240°
#69FF29≈ Medium Light Clover - Split 150°
#FF5429≈ Medium Light Cinnabar - Split 210°
#D4FF29≈ Medium Light Chartreuse
Contrast and accessibility of Medium Light Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Sapphire | Aa | 4.61:1 | AA (good) |
| Black text on Medium Light Sapphire | Aa | 4.56:1 | AA (good) |
CSS code for Medium Light Sapphire
background-color: #2969FF;color: #2969FF;background-color: rgb(41, 105, 255);background-color: hsl(222, 100%, 58%);:root { --color-medium-light-sapphire: #2969FF; }class="bg-[#2969FF]"Colors similar to Medium Light Sapphire
- Medium Light Cornflower
#297EFF - Medium Light Cobalt
#2954FF - Bright Cornflower
#196BE6 - Medium Light Bright Sapphire
#3E72EA - Medium Light Bright Cobalt
#3E60EA - Pure Cornflower
#0066FF - Bright Sapphire
#1957E6 - Royal Blue
#4169E1 - Light Royal
#5263FF - Light Cobalt
#5274FF - Bright Cerulean
#197FE6 - Medium Light Bright Cornflower
#3E83EA
More blue shades
- Darkest Sapphire
#000F33 - Very Dark Sapphire
#001C5C - Dark Sapphire
#002885 - Deep Sapphire
#0034AD - Medium Dark Sapphire
#0040D6 - Pure Sapphire
#004CFF - Light Sapphire
#5286FF - Pale Sapphire
#7AA2FF - Very Pale Sapphire
#A3BFFF - Palest Sapphire
#CCDBFF - Darkest Bright Sapphire
#05112E
Frequently asked questions
What is the HEX code for Medium Light Sapphire?
The HEX code for Medium Light Sapphire is #2969FF.
What is the RGB value of Medium Light Sapphire?
Medium Light Sapphire has an RGB value of 41, 105, 255 (rgb(41, 105, 255)). In HSL it is 222°, 100%, 58%.
What text color should I use on Medium Light Sapphire?
Use white text on Medium Light Sapphire. White text has a contrast ratio of 4.61:1 and black text has 4.56:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Sapphire?
The complementary color of Medium Light Sapphire is #FFBF29. Analogous colors #29D4FF and #5429FF also pair well.