Light Soft Cobalt is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #7489DC, which equals rgb(116, 137, 220) in RGB and hsl(228, 60%, 66%) in HSL. In print terms it converts to roughly C47 M38 Y0 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#7489DC - RGB
116, 137, 220 - HSL
228°, 60%, 66% - CMYK
47, 38, 0, 14 - Family
Blue - Tone
Medium-light, saturated
About 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 black is the most readable choice on this color, with a contrast ratio of 6.35:1. Its complementary color is #DCC874.
Download 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…
Light Soft Cobalt color codes
| HEX | #7489DC |
|---|---|
| RGB | rgb(116, 137, 220) |
| HSL | hsl(228, 60%, 66%) |
| HSV | 228°, 47%, 86% |
| CMYK | 47%, 38%, 0%, 14% |
| Decimal | 7637468 |
Shades and tints of Light Soft Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8EBF9 - 100
#D1D8F3 - 200
#BAC4EE - 300
#A2B0E8 - 400
#8B9DE2 - 500
#7489DC - 600
#6172B7 - 700
#4D5B93 - 800
#3A456E - 900
#272E49 - 950
#131725
Color harmonies for Light Soft Cobalt
- Complementary
#DCC874≈ Light Soft Gold - Analogous −30°
#74BDDC≈ Light Soft Azure - Analogous +30°
#9374DC≈ Medium Purple - Triadic +120°
#DC7489≈ Light Soft Ruby - Triadic +240°
#89DC74≈ Light Soft Shamrock - Split 150°
#DC9374≈ Light Soft Vermilion - Split 210°
#BDDC74≈ Light Soft Spring Bud
Contrast and accessibility of Light Soft Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Cobalt | Aa | 3.30:1 | AA Large only |
| Black text on Light Soft Cobalt | Aa | 6.35:1 | AA (good) |
CSS code for Light Soft Cobalt
background-color: #7489DC;color: #7489DC;background-color: rgb(116, 137, 220);background-color: hsl(228, 60%, 66%);:root { --color-light-soft-cobalt: #7489DC; }class="bg-[#7489DC]"Colors similar to Light Soft Cobalt
- Light Soft Sapphire
#7493DC - Light Soft Royal
#747FDC - Light Muted Blue
#8686CB - Light Muted Royal
#868DCB - Light Bright Sapphire
#638DEE - Light Soft Cornflower
#749EDC - Light Soft Blue
#7474DC - Light Muted Cobalt
#8693CB - Light Bright Cobalt
#637FEE - Cornflower Blue
#6495ED - Light Soft Ultramarine
#7F74DC - Pale Bright Blue
#8888F2
More blue shades
- Very Dark Soft Cobalt
#121D49 - Dark Soft Cobalt
#1B2A6A - Deep Soft Cobalt
#23378B - Medium Dark Soft Cobalt
#2B45AB - Soft Cobalt
#3352CC - Medium Light Soft Cobalt
#546DD4 - Pale Soft Cobalt
#95A5E4 - Very Pale Soft Cobalt
#B6C1ED - Palest Soft Cobalt
#D6DCF5 - Darkest Muted Cobalt
#0F1324 - Very Dark Muted Cobalt
#1C2340
Frequently asked questions
What is the HEX code for Light Soft Cobalt?
The HEX code for Light Soft Cobalt is #7489DC.
What is the RGB value of Light Soft Cobalt?
Light Soft Cobalt has an RGB value of 116, 137, 220 (rgb(116, 137, 220)). In HSL it is 228°, 60%, 66%.
What text color should I use on Light Soft Cobalt?
Use black text on Light Soft Cobalt. White text has a contrast ratio of 3.30:1 and black text has 6.35:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Cobalt?
The complementary color of Light Soft Cobalt is #DCC874. Analogous colors #74BDDC and #9374DC also pair well.