Medium Light Soft Blue is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #5454D4, which equals rgb(84, 84, 212) in RGB and hsl(240, 60%, 58%) in HSL. In print terms it converts to roughly C60 M60 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#5454D4 - RGB
84, 84, 212 - HSL
240°, 60%, 58% - CMYK
60, 60, 0, 17 - Family
Blue - Tone
Medium, saturated
About Medium 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 white is the most readable choice on this color, with a contrast ratio of 5.84:1. Its complementary color is #D4D454.
Download Medium 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…
Medium Light Soft Blue color codes
| HEX | #5454D4 |
|---|---|
| RGB | rgb(84, 84, 212) |
| HSL | hsl(240, 60%, 58%) |
| HSV | 240°, 60%, 83% |
| CMYK | 60%, 60%, 0%, 17% |
| Decimal | 5526740 |
Shades and tints of Medium Light Soft Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E3F8 - 100
#C6C6F1 - 200
#AAAAEA - 300
#8D8DE2 - 400
#7171DB - 500
#5454D4 - 600
#4646B1 - 700
#38388D - 800
#2A2A6A - 900
#1C1C47 - 950
#0E0E23
Color harmonies for Medium Light Soft Blue
- Complementary
#D4D454≈ Medium Light Soft Citron - Analogous −30°
#5494D4≈ Medium Light Soft Azure - Analogous +30°
#9454D4≈ Medium Light Soft Periwinkle - Triadic +120°
#D45454≈ Medium Light Soft Cardinal - Triadic +240°
#54D454≈ Medium Light Soft Shamrock - Split 150°
#D49454≈ Medium Light Soft Persimmon - Split 210°
#94D454≈ Medium Light Soft Fern
Contrast and accessibility of Medium Light Soft Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Soft Blue | Aa | 5.84:1 | AA (good) |
| Black text on Medium Light Soft Blue | Aa | 3.60:1 | AA Large only |
CSS code for Medium Light Soft Blue
background-color: #5454D4;color: #5454D4;background-color: rgb(84, 84, 212);background-color: hsl(240, 60%, 58%);:root { --color-medium-light-soft-blue: #5454D4; }class="bg-[#5454D4]"Colors similar to Medium Light Soft Blue
- Iris
#5A4FCF - Medium Light Soft Ultramarine
#6054D4 - Medium Light Soft Royal
#5460D4 - Slate Blue
#6A5ACD - Medium Light Soft Indigo
#6D54D4 - Medium Light Soft Cobalt
#546DD4 - Medium Light Bright Royal
#3E4FEA - Soft Cobalt
#3352CC - Medium Light Bright Cobalt
#3E60EA - Royal Blue
#4169E1 - Light Bright Blue
#6363EE - Muted Royal
#4D57B2
More blue shades
- Darkest Soft Blue
#0A0A29 - Very Dark Soft Blue
#121249 - Dark Soft Blue
#1B1B6A - Deep Soft Blue
#23238B - Medium Dark Soft Blue
#2B2BAB - Soft Blue
#3333CC - Light Soft Blue
#7474DC - Pale Soft Blue
#9595E4 - Very Pale Soft Blue
#B6B6ED - Palest Soft Blue
#D6D6F5 - Darkest Muted Blue
#0F0F24
Frequently asked questions
What is the HEX code for Medium Light Soft Blue?
The HEX code for Medium Light Soft Blue is #5454D4.
What is the RGB value of Medium Light Soft Blue?
Medium Light Soft Blue has an RGB value of 84, 84, 212 (rgb(84, 84, 212)). In HSL it is 240°, 60%, 58%.
What text color should I use on Medium Light Soft Blue?
Use white text on Medium Light Soft Blue. White text has a contrast ratio of 5.84:1 and black text has 3.60:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Soft Blue?
The complementary color of Medium Light Soft Blue is #D4D454. Analogous colors #5494D4 and #9454D4 also pair well.