Medium Light Soft Azure is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #54A1D4, which equals rgb(84, 161, 212) in RGB and hsl(204, 60%, 58%) in HSL. In print terms it converts to roughly C60 M24 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#54A1D4 - RGB
84, 161, 212 - HSL
204°, 60%, 58% - CMYK
60, 24, 0, 17 - Family
Blue - Tone
Medium, saturated
About Medium Light Soft 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. 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 7.43:1. Its complementary color is #D48754.
Download Medium Light Soft 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…
Medium Light Soft Azure color codes
| HEX | #54A1D4 |
|---|---|
| RGB | rgb(84, 161, 212) |
| HSL | hsl(204, 60%, 58%) |
| HSV | 204°, 60%, 83% |
| CMYK | 60%, 24%, 0%, 17% |
| Decimal | 5546452 |
Shades and tints of Medium Light Soft Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3EFF8 - 100
#C6E0F1 - 200
#AAD0EA - 300
#8DC0E2 - 400
#71B1DB - 500
#54A1D4 - 600
#4686B1 - 700
#386B8D - 800
#2A516A - 900
#1C3647 - 950
#0E1B23
Color harmonies for Medium Light Soft Azure
- Complementary
#D48754≈ Medium Light Soft Cinnabar - Analogous −30°
#54D4C7≈ Medium Turquoise - Analogous +30°
#5460D4≈ Medium Light Soft Blue - Triadic +120°
#D454A1≈ Medium Light Soft Raspberry - Triadic +240°
#A1D454≈ Medium Light Soft Apple - Split 150°
#D45460≈ Medium Light Soft Red - Split 210°
#D4C754≈ Medium Light Soft Marigold
Contrast and accessibility of Medium Light Soft Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Soft Azure | Aa | 2.83:1 | Fails |
| Black text on Medium Light Soft Azure | Aa | 7.43:1 | AAA (excellent) |
CSS code for Medium Light Soft Azure
background-color: #54A1D4;color: #54A1D4;background-color: rgb(84, 161, 212);background-color: hsl(204, 60%, 58%);:root { --color-medium-light-soft-azure: #54A1D4; }class="bg-[#54A1D4]"Colors similar to Medium Light Soft Azure
- Medium Light Soft Capri
#54AED4 - Medium Light Soft Cerulean
#5494D4 - Medium Light Muted Capri
#69A5BF - Medium Light Muted Azure
#699CBF - Medium Light Bright Azure
#3EA5EA - Medium Light Soft Peacock
#54BAD4 - Light Bright Cerulean
#63A8EE - Light Bright Cornflower
#639AEE - Light Soft Cornflower
#749EDC - Soft Capri
#339ECC - Medium Light Soft Cornflower
#5487D4 - Light Soft Cerulean
#74A8DC
More blue shades
- Darkest Soft Azure
#0A1D29 - Very Dark Soft Azure
#123349 - Dark Soft Azure
#1B4A6A - Deep Soft Azure
#23618B - Medium Dark Soft Azure
#2B78AB - Soft Azure
#338FCC - Light Soft Azure
#74B3DC - Pale Soft Azure
#95C5E4 - Very Pale Soft Azure
#B6D7ED - Palest Soft Azure
#D6E9F5 - Darkest Muted Azure
#0F1C24
Frequently asked questions
What is the HEX code for Medium Light Soft Azure?
The HEX code for Medium Light Soft Azure is #54A1D4.
What is the RGB value of Medium Light Soft Azure?
Medium Light Soft Azure has an RGB value of 84, 161, 212 (rgb(84, 161, 212)). In HSL it is 204°, 60%, 58%.
What text color should I use on Medium Light Soft Azure?
Use black text on Medium Light Soft Azure. White text has a contrast ratio of 2.83:1 and black text has 7.43:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Soft Azure?
The complementary color of Medium Light Soft Azure is #D48754. Analogous colors #54D4C7 and #5460D4 also pair well.