Light Cobalt is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #5274FF, which equals rgb(82, 116, 255) in RGB and hsl(228, 100%, 66%) in HSL. In print terms it converts to roughly C68 M55 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#5274FF - RGB
82, 116, 255 - HSL
228°, 100%, 66% - CMYK
68, 55, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light 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. 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.30:1. Its complementary color is #FFDC52.
Download Light 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 Cobalt color codes
| HEX | #5274FF |
|---|---|
| RGB | rgb(82, 116, 255) |
| HSL | hsl(228, 100%, 66%) |
| HSV | 228°, 68%, 100% |
| CMYK | 68%, 55%, 0%, 0% |
| Decimal | 5403903 |
Shades and tints of Light Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2E8FF - 100
#C5D1FF - 200
#A9BAFF - 300
#8CA2FF - 400
#6F8BFF - 500
#5274FF - 600
#4461D5 - 700
#374DAA - 800
#293A80 - 900
#1B2755 - 950
#0E132B
Color harmonies for Light Cobalt
- Complementary
#FFDC52≈ Mustard - Analogous −30°
#52CBFF≈ Light Peacock - Analogous +30°
#8652FF≈ Light Periwinkle - Triadic +120°
#FF5274≈ Light Cardinal - Triadic +240°
#74FF52≈ Light Shamrock - Split 150°
#FF8652≈ Coral - Split 210°
#CBFF52≈ Light Spring Bud
Contrast and accessibility of Light Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Cobalt | Aa | 3.96:1 | AA Large only |
| Black text on Light Cobalt | Aa | 5.30:1 | AA (good) |
CSS code for Light Cobalt
background-color: #5274FF;color: #5274FF;background-color: rgb(82, 116, 255);background-color: hsl(228, 100%, 66%);:root { --color-light-cobalt: #5274FF; }class="bg-[#5274FF]"Colors similar to Light Cobalt
- Light Royal
#5263FF - Light Sapphire
#5286FF - Light Bright Royal
#6371EE - Light Bright Cobalt
#637FEE - Medium Light Bright Sapphire
#3E72EA - Light Bright Blue
#6363EE - Medium Light Bright Cornflower
#3E83EA - Royal Blue
#4169E1 - Medium Light Bright Cobalt
#3E60EA - Light Bright Sapphire
#638DEE - Pale Blue
#7A7AFF - Medium Light Cornflower
#297EFF
More blue shades
- Very Dark Cobalt
#00125C - Dark Cobalt
#001B85 - Deep Cobalt
#0023AD - Medium Dark Cobalt
#002BD6 - Pure Cobalt
#0033FF - Medium Light Cobalt
#2954FF - Pale Cobalt
#7A95FF - Very Pale Cobalt
#A3B6FF - Palest Cobalt
#CCD6FF - Darkest Bright Cobalt
#050D2E - Very Dark Bright Cobalt
#091853
Frequently asked questions
What is the HEX code for Light Cobalt?
The HEX code for Light Cobalt is #5274FF.
What is the RGB value of Light Cobalt?
Light Cobalt has an RGB value of 82, 116, 255 (rgb(82, 116, 255)). In HSL it is 228°, 100%, 66%.
What text color should I use on Light Cobalt?
Use black text on Light Cobalt. White text has a contrast ratio of 3.96:1 and black text has 5.30:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Cobalt?
The complementary color of Light Cobalt is #FFDC52. Analogous colors #52CBFF and #8652FF also pair well.