Light Blue Tone is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #5252FF, which equals rgb(82, 82, 255) in RGB and hsl(240, 100%, 66%) in HSL. In print terms it converts to roughly C68 M68 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#5252FF - RGB
82, 82, 255 - HSL
240°, 100%, 66% - CMYK
68, 68, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light Blue Tone
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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 5.24:1. Its complementary color is #FFFF52.
Download Light Blue Tone 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 Blue Tone color codes
| HEX | #5252FF |
|---|---|
| RGB | rgb(82, 82, 255) |
| HSL | hsl(240, 100%, 66%) |
| HSV | 240°, 68%, 100% |
| CMYK | 68%, 68%, 0%, 0% |
| Decimal | 5395199 |
Shades and tints of Light Blue Tone
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2E2FF - 100
#C5C5FF - 200
#A9A9FF - 300
#8C8CFF - 400
#6F6FFF - 500
#5252FF - 600
#4444D5 - 700
#3737AA - 800
#292980 - 900
#1B1B55 - 950
#0E0E2B
Color harmonies for Light Blue Tone
- Complementary
#FFFF52≈ Light Citron - Analogous −30°
#52A8FF≈ Light Cornflower - Analogous +30°
#A852FF≈ Light Periwinkle - Triadic +120°
#FF5252≈ Light Cardinal - Triadic +240°
#52FF52≈ Light Shamrock - Split 150°
#FFA852≈ Sandy Brown - Split 210°
#A8FF52≈ Light Fern
Contrast and accessibility of Light Blue Tone
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Blue Tone | Aa | 5.24:1 | AA (good) |
| Black text on Light Blue Tone | Aa | 4.01:1 | AA Large only |
CSS code for Light Blue Tone
background-color: #5252FF;color: #5252FF;background-color: rgb(82, 82, 255);background-color: hsl(240, 100%, 66%);:root { --color-light-blue-tone: #5252FF; }class="bg-[#5252FF]"Colors similar to Light Blue Tone
- Light Ultramarine
#6352FF - Light Royal
#5263FF - Medium Light Bright Royal
#3E4FEA - Light Bright Blue
#6363EE - Light Indigo
#7452FF - Medium Light Bright Ultramarine
#4F3EEA - Medium Light Bright Cobalt
#3E60EA - Medium Light Bright Indigo
#603EEA - Medium Light Bright Blue
#3E3EEA - Medium Light Cobalt
#2954FF - Light Bright Ultramarine
#7163EE - Light Cobalt
#5274FF
More blue shades
- Darkest Blue
#000033 - Very Dark Blue
#00005C - Dark Blue Tone
#000085 - Deep Blue
#0000AD - Medium Dark Blue
#0000D6 - Medium Light Blue
#2929FF - Pale Blue
#7A7AFF - Very Pale Blue
#A3A3FF - Darkest Bright Blue
#05052E - Very Dark Bright Blue
#090953 - Dark Bright Blue
#0D0D77
Frequently asked questions
What is the HEX code for Light Blue Tone?
The HEX code for Light Blue Tone is #5252FF.
What is the RGB value of Light Blue Tone?
Light Blue Tone has an RGB value of 82, 82, 255 (rgb(82, 82, 255)). In HSL it is 240°, 100%, 66%.
What text color should I use on Light Blue Tone?
Use white text on Light Blue Tone. White text has a contrast ratio of 5.24:1 and black text has 4.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Blue Tone?
The complementary color of Light Blue Tone is #FFFF52. Analogous colors #52A8FF and #A852FF also pair well.