Light Soft Azure is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #74B3DC, which equals rgb(116, 179, 220) in RGB and hsl(204, 60%, 66%) in HSL. In print terms it converts to roughly C47 M19 Y0 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#74B3DC - RGB
116, 179, 220 - HSL
204°, 60%, 66% - CMYK
47, 19, 0, 14 - Family
Blue - Tone
Medium-light, saturated
About 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. 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.22:1. Its complementary color is #DC9E74.
Download 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…
Light Soft Azure color codes
| HEX | #74B3DC |
|---|---|
| RGB | rgb(116, 179, 220) |
| HSL | hsl(204, 60%, 66%) |
| HSV | 204°, 47%, 86% |
| CMYK | 47%, 19%, 0%, 14% |
| Decimal | 7648220 |
Shades and tints of Light Soft Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8F2F9 - 100
#D1E6F3 - 200
#BAD9EE - 300
#A2CCE8 - 400
#8BC0E2 - 500
#74B3DC - 600
#6195B7 - 700
#4D7793 - 800
#3A5A6E - 900
#273C49 - 950
#131E25
Color harmonies for Light Soft Azure
- Complementary
#DC9E74≈ Light Soft Orange - Analogous −30°
#74DCD2≈ Light Soft Turquoise - Analogous +30°
#747FDC≈ Light Soft Cobalt - Triadic +120°
#DC74B3≈ Light Soft Raspberry - Triadic +240°
#B3DC74≈ Light Soft Chartreuse - Split 150°
#DC747F≈ Light Soft Crimson - Split 210°
#DCD274≈ Light Soft Marigold
Contrast and accessibility of Light Soft Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Azure | Aa | 2.28:1 | Fails |
| Black text on Light Soft Azure | Aa | 9.22:1 | AAA (excellent) |
CSS code for Light Soft Azure
background-color: #74B3DC;color: #74B3DC;background-color: rgb(116, 179, 220);background-color: hsl(204, 60%, 66%);:root { --color-light-soft-azure: #74B3DC; }class="bg-[#74B3DC]"Colors similar to Light Soft Azure
- Light Soft Capri
#74BDDC - Light Soft Cerulean
#74A8DC - Light Muted Capri
#86B6CB - Light Bright Azure
#63B6EE - Light Muted Azure
#86AFCB - Light Soft Peacock
#74C8DC - Light Soft Cornflower
#749EDC - Light Muted Peacock
#86BDCB - Light Muted Cerulean
#86A8CB - Light Bright Cerulean
#63A8EE - Pale Bright Cornflower
#88B2F2 - Medium Light Muted Lagoon
#69B6BF
More blue shades
- Very Dark Soft Azure
#123349 - Dark Soft Azure
#1B4A6A - Deep Soft Azure
#23618B - Medium Dark Soft Azure
#2B78AB - Soft Azure
#338FCC - Medium Light Soft Azure
#54A1D4 - Pale Soft Azure
#95C5E4 - Very Pale Soft Azure
#B6D7ED - Palest Soft Azure
#D6E9F5 - Darkest Muted Azure
#0F1C24 - Very Dark Muted Azure
#1C3240
Frequently asked questions
What is the HEX code for Light Soft Azure?
The HEX code for Light Soft Azure is #74B3DC.
What is the RGB value of Light Soft Azure?
Light Soft Azure has an RGB value of 116, 179, 220 (rgb(116, 179, 220)). In HSL it is 204°, 60%, 66%.
What text color should I use on Light Soft Azure?
Use black text on Light Soft Azure. White text has a contrast ratio of 2.28:1 and black text has 9.22:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Azure?
The complementary color of Light Soft Azure is #DC9E74. Analogous colors #74DCD2 and #747FDC also pair well.