Light Soft Blue is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #7474DC, which equals rgb(116, 116, 220) in RGB and hsl(240, 60%, 66%) in HSL. In print terms it converts to roughly C47 M47 Y0 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#7474DC - RGB
116, 116, 220 - HSL
240°, 60%, 66% - CMYK
47, 47, 0, 14 - Family
Blue - Tone
Medium-light, saturated
About Light Soft Blue
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 5.27:1. Its complementary color is #DCDC74.
Download Light Soft Blue 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 Blue color codes
| HEX | #7474DC |
|---|---|
| RGB | rgb(116, 116, 220) |
| HSL | hsl(240, 60%, 66%) |
| HSV | 240°, 47%, 86% |
| CMYK | 47%, 47%, 0%, 14% |
| Decimal | 7632092 |
Shades and tints of Light Soft Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8E8F9 - 100
#D1D1F3 - 200
#BABAEE - 300
#A2A2E8 - 400
#8B8BE2 - 500
#7474DC - 600
#6161B7 - 700
#4D4D93 - 800
#3A3A6E - 900
#272749 - 950
#131325
Color harmonies for Light Soft Blue
- Complementary
#DCDC74≈ Light Soft Citron - Analogous −30°
#74A8DC≈ Light Soft Cornflower - Analogous +30°
#A874DC≈ Light Soft Periwinkle - Triadic +120°
#DC7474≈ Light Soft Cardinal - Triadic +240°
#74DC74≈ Light Soft Shamrock - Split 150°
#DCA874≈ Light Soft Persimmon - Split 210°
#A8DC74≈ Light Soft Fern
Contrast and accessibility of Light Soft Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Blue | Aa | 3.98:1 | AA Large only |
| Black text on Light Soft Blue | Aa | 5.27:1 | AA (good) |
CSS code for Light Soft Blue
background-color: #7474DC;color: #7474DC;background-color: rgb(116, 116, 220);background-color: hsl(240, 60%, 66%);:root { --color-light-soft-blue: #7474DC; }class="bg-[#7474DC]"Colors similar to Light Soft Blue
- Light Soft Ultramarine
#7F74DC - Light Soft Royal
#747FDC - Light Soft Indigo
#8974DC - Medium Slate Blue
#7B68EE - Light Bright Royal
#6371EE - Light Soft Cobalt
#7489DC - Light Bright Ultramarine
#7163EE - Light Bright Cobalt
#637FEE - Light Bright Indigo
#7F63EE - Light Soft Iris
#9374DC - Medium Light Muted Royal
#6972BF - Medium Purple
#9370DB
More blue shades
- Very Dark Soft Blue
#121249 - Dark Soft Blue
#1B1B6A - Deep Soft Blue
#23238B - Medium Dark Soft Blue
#2B2BAB - Soft Blue
#3333CC - Medium Light Soft Blue
#5454D4 - Pale Soft Blue
#9595E4 - Very Pale Soft Blue
#B6B6ED - Palest Soft Blue
#D6D6F5 - Darkest Muted Blue
#0F0F24 - Very Dark Muted Blue
#1C1C40
Frequently asked questions
What is the HEX code for Light Soft Blue?
The HEX code for Light Soft Blue is #7474DC.
What is the RGB value of Light Soft Blue?
Light Soft Blue has an RGB value of 116, 116, 220 (rgb(116, 116, 220)). In HSL it is 240°, 60%, 66%.
What text color should I use on Light Soft Blue?
Use black text on Light Soft Blue. White text has a contrast ratio of 3.98:1 and black text has 5.27:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Blue?
The complementary color of Light Soft Blue is #DCDC74. Analogous colors #74A8DC and #A874DC also pair well.