Medium Light Soft Cobalt is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #546DD4, which equals rgb(84, 109, 212) in RGB and hsl(228, 60%, 58%) in HSL. In print terms it converts to roughly C60 M49 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#546DD4 - RGB
84, 109, 212 - HSL
228°, 60%, 58% - CMYK
60, 49, 0, 17 - Family
Blue - Tone
Medium, saturated
About Medium Light Soft Cobalt
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 white is the most readable choice on this color, with a contrast ratio of 4.65:1. Its complementary color is #D4BA54.
Download Medium Light Soft Cobalt 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 Cobalt color codes
| HEX | #546DD4 |
|---|---|
| RGB | rgb(84, 109, 212) |
| HSL | hsl(228, 60%, 58%) |
| HSV | 228°, 60%, 83% |
| CMYK | 60%, 49%, 0%, 17% |
| Decimal | 5533140 |
Shades and tints of Medium Light Soft Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E7F8 - 100
#C6CEF1 - 200
#AAB6EA - 300
#8D9EE2 - 400
#7185DB - 500
#546DD4 - 600
#465BB1 - 700
#38498D - 800
#2A376A - 900
#1C2447 - 950
#0E1223
Color harmonies for Medium Light Soft Cobalt
- Complementary
#D4BA54≈ Medium Light Soft Amber - Analogous −30°
#54AED4≈ Medium Light Soft Peacock - Analogous +30°
#7A54D4≈ Medium Light Soft Indigo - Triadic +120°
#D4546D≈ Medium Light Soft Ruby - Triadic +240°
#6DD454≈ Medium Light Soft Shamrock - Split 150°
#D47A54≈ Medium Light Soft Vermilion - Split 210°
#AED454≈ Medium Light Soft Lime
Contrast and accessibility of Medium Light Soft Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Soft Cobalt | Aa | 4.65:1 | AA (good) |
| Black text on Medium Light Soft Cobalt | Aa | 4.52:1 | AA (good) |
CSS code for Medium Light Soft Cobalt
background-color: #546DD4;color: #546DD4;background-color: rgb(84, 109, 212);background-color: hsl(228, 60%, 58%);:root { --color-medium-light-soft-cobalt: #546DD4; }class="bg-[#546DD4]"Colors similar to Medium Light Soft Cobalt
- Medium Light Soft Sapphire
#547AD4 - Medium Light Soft Royal
#5460D4 - Royal Blue
#4169E1 - Medium Light Muted Blue
#6969BF - Medium Light Muted Royal
#6972BF - Light Bright Royal
#6371EE - Medium Light Soft Blue
#5454D4 - Medium Light Bright Sapphire
#3E72EA - Soft Cornflower
#3370CC - Medium Light Soft Cornflower
#5487D4 - Light Bright Blue
#6363EE - Slate Blue
#6A5ACD
More blue shades
- Darkest Soft Cobalt
#0A1029 - Very Dark Soft Cobalt
#121D49 - Dark Soft Cobalt
#1B2A6A - Deep Soft Cobalt
#23378B - Medium Dark Soft Cobalt
#2B45AB - Soft Cobalt
#3352CC - Light Soft Cobalt
#7489DC - Pale Soft Cobalt
#95A5E4 - Very Pale Soft Cobalt
#B6C1ED - Palest Soft Cobalt
#D6DCF5 - Darkest Muted Cobalt
#0F1324
Frequently asked questions
What is the HEX code for Medium Light Soft Cobalt?
The HEX code for Medium Light Soft Cobalt is #546DD4.
What is the RGB value of Medium Light Soft Cobalt?
Medium Light Soft Cobalt has an RGB value of 84, 109, 212 (rgb(84, 109, 212)). In HSL it is 228°, 60%, 58%.
What text color should I use on Medium Light Soft Cobalt?
Use white text on Medium Light Soft Cobalt. White text has a contrast ratio of 4.65:1 and black text has 4.52:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Soft Cobalt?
The complementary color of Medium Light Soft Cobalt is #D4BA54. Analogous colors #54AED4 and #7A54D4 also pair well.