Pure Sapphire is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #004CFF, which equals rgb(0, 76, 255) in RGB and hsl(222, 100%, 50%) in HSL. In print terms it converts to roughly C100 M70 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#004CFF - RGB
0, 76, 255 - HSL
222°, 100%, 50% - CMYK
100, 70, 0, 0 - Family
Blue - Tone
Medium, vivid
About Pure 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 6.04:1. Its complementary color is #FFB300.
Download Pure 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…
Pure Sapphire color codes
| HEX | #004CFF |
|---|---|
| RGB | rgb(0, 76, 255) |
| HSL | hsl(222, 100%, 50%) |
| HSV | 222°, 100%, 100% |
| CMYK | 100%, 70%, 0%, 0% |
| Decimal | 19711 |
Shades and tints of Pure Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5E1FF - 100
#AAC3FF - 200
#80A6FF - 300
#5588FF - 400
#2B6AFF - 500
#004CFF - 600
#003FD5 - 700
#0033AA - 800
#002680 - 900
#001955 - 950
#000D2B
Color harmonies for Pure Sapphire
- Complementary
#FFB300≈ Pure Amber - Analogous −30°
#00CCFF≈ Deep Sky Blue - Analogous +30°
#3300FF≈ Ultramarine - Triadic +120°
#FF004C≈ Pure Crimson - Triadic +240°
#4CFF00≈ Pure Clover - Split 150°
#FF3300≈ Scarlet - Split 210°
#CCFF00≈ Citron
Contrast and accessibility of Pure Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Sapphire | Aa | 6.04:1 | AA (good) |
| Black text on Pure Sapphire | Aa | 3.48:1 | AA Large only |
CSS code for Pure Sapphire
background-color: #004CFF;color: #004CFF;background-color: rgb(0, 76, 255);background-color: hsl(222, 100%, 50%);:root { --color-pure-sapphire: #004CFF; }class="bg-[#004CFF]"Colors similar to Pure Sapphire
- Pure Cobalt
#0033FF - Pure Cornflower
#0066FF - Bright Cobalt
#1942E6 - Bright Sapphire
#1957E6 - Medium Light Cobalt
#2954FF - Medium Light Royal
#293EFF - Medium Dark Cornflower
#0056D6 - Medium Dark Sapphire
#0040D6 - Bright Royal
#192EE6 - Medium Light Sapphire
#2969FF - Bright Cornflower
#196BE6 - Medium Light Blue
#2929FF
More blue shades
- Palest Dusty Cornflower
#E0E4EB - Darkest Sapphire
#000F33 - Very Dark Sapphire
#001C5C - Dark Sapphire
#002885 - Deep Sapphire
#0034AD - Medium Dark Sapphire
#0040D6 - Medium Light Sapphire
#2969FF - Light Sapphire
#5286FF - Pale Sapphire
#7AA2FF - Very Pale Sapphire
#A3BFFF - Palest Sapphire
#CCDBFF
Frequently asked questions
What is the HEX code for Pure Sapphire?
The HEX code for Pure Sapphire is #004CFF.
What is the RGB value of Pure Sapphire?
Pure Sapphire has an RGB value of 0, 76, 255 (rgb(0, 76, 255)). In HSL it is 222°, 100%, 50%.
What text color should I use on Pure Sapphire?
Use white text on Pure Sapphire. White text has a contrast ratio of 6.04:1 and black text has 3.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Sapphire?
The complementary color of Pure Sapphire is #FFB300. Analogous colors #00CCFF and #3300FF also pair well.