Light Azure is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #52BAFF, which equals rgb(82, 186, 255) in RGB and hsl(204, 100%, 66%) in HSL. In print terms it converts to roughly C68 M27 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#52BAFF - RGB
82, 186, 255 - HSL
204°, 100%, 66% - CMYK
68, 27, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light Azure
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 black is the most readable choice on this color, with a contrast ratio of 9.83:1. Its complementary color is #FF9752.
Download Light Azure 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 Azure color codes
| HEX | #52BAFF |
|---|---|
| RGB | rgb(82, 186, 255) |
| HSL | hsl(204, 100%, 66%) |
| HSV | 204°, 68%, 100% |
| CMYK | 68%, 27%, 0%, 0% |
| Decimal | 5421823 |
Shades and tints of Light Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2F4FF - 100
#C5E8FF - 200
#A9DDFF - 300
#8CD1FF - 400
#6FC6FF - 500
#52BAFF - 600
#449BD5 - 700
#377CAA - 800
#295D80 - 900
#1B3E55 - 950
#0E1F2B
Color harmonies for Light Azure
- Complementary
#FF9752≈ Light Cinnabar - Analogous −30°
#52FFEE≈ Light Cyan Tone - Analogous +30°
#5263FF≈ Light Cobalt - Triadic +120°
#FF52BA≈ Light Raspberry - Triadic +240°
#BAFF52≈ Light Chartreuse - Split 150°
#FF5263≈ Light Red - Split 210°
#FFEE52≈ Light Yellow Tone
Contrast and accessibility of Light Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Azure | Aa | 2.14:1 | Fails |
| Black text on Light Azure | Aa | 9.83:1 | AAA (excellent) |
CSS code for Light Azure
background-color: #52BAFF;color: #52BAFF;background-color: rgb(82, 186, 255);background-color: hsl(204, 100%, 66%);:root { --color-light-azure: #52BAFF; }class="bg-[#52BAFF]"Colors similar to Light Azure
- Light Capri
#52CBFF - Light Cerulean
#52A8FF - Light Bright Azure
#63B6EE - Light Bright Capri
#63C4EE - Medium Light Bright Capri
#3EB6EA - Light Bright Cerulean
#63A8EE - Medium Light Bright Peacock
#3EC7EA - Light Bright Peacock
#63D2EE - Medium Light Capri
#29BFFF - Pale Cerulean
#7ABDFF - Medium Light Bright Azure
#3EA5EA - Pale Cornflower
#7AAFFF
More blue shades
- Very Dark Azure
#00375C - Dark Azure
#005085 - Deep Azure
#0068AD - Medium Dark Azure
#0081D6 - Pure Azure
#0099FF - Medium Light Azure
#29A9FF - Pale Azure
#7ACAFF - Very Pale Azure
#A3DAFF - Palest Azure
#CCEBFF - Darkest Bright Azure
#051E2E - Very Dark Bright Azure
#093553
Frequently asked questions
What is the HEX code for Light Azure?
The HEX code for Light Azure is #52BAFF.
What is the RGB value of Light Azure?
Light Azure has an RGB value of 82, 186, 255 (rgb(82, 186, 255)). In HSL it is 204°, 100%, 66%.
What text color should I use on Light Azure?
Use black text on Light Azure. White text has a contrast ratio of 2.14:1 and black text has 9.83:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Azure?
The complementary color of Light Azure is #FF9752. Analogous colors #52FFEE and #5263FF also pair well.