Medium Light Cobalt is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #2954FF, which equals rgb(41, 84, 255) in RGB and hsl(228, 100%, 58%) in HSL. In print terms it converts to roughly C84 M67 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#2954FF - RGB
41, 84, 255 - HSL
228°, 100%, 58% - CMYK
84, 67, 0, 0 - Family
Blue - Tone
Medium, vivid
About Medium 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 5.52:1. Its complementary color is #FFD429.
Download Medium 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…
Medium Light Cobalt color codes
| HEX | #2954FF |
|---|---|
| RGB | rgb(41, 84, 255) |
| HSL | hsl(228, 100%, 58%) |
| HSV | 228°, 84%, 100% |
| CMYK | 84%, 67%, 0%, 0% |
| Decimal | 2708735 |
Shades and tints of Medium Light Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DBE3FF - 100
#B8C6FF - 200
#94AAFF - 300
#708DFF - 400
#4D71FF - 500
#2954FF - 600
#2246D5 - 700
#1B38AA - 800
#152A80 - 900
#0E1C55 - 950
#070E2B
Color harmonies for Medium Light Cobalt
- Complementary
#FFD429≈ Saffron - Analogous −30°
#29BFFF≈ Medium Light Peacock - Analogous +30°
#6929FF≈ Medium Light Indigo - Triadic +120°
#FF2954≈ Medium Light Ruby - Triadic +240°
#54FF29≈ Medium Light Leaf - Split 150°
#FF6929≈ Pumpkin - Split 210°
#BFFF29≈ Green Yellow
Contrast and accessibility of Medium Light Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Cobalt | Aa | 5.52:1 | AA (good) |
| Black text on Medium Light Cobalt | Aa | 3.81:1 | AA Large only |
CSS code for Medium Light Cobalt
background-color: #2954FF;color: #2954FF;background-color: rgb(41, 84, 255);background-color: hsl(228, 100%, 58%);:root { --color-medium-light-cobalt: #2954FF; }class="bg-[#2954FF]"Colors similar to Medium Light Cobalt
- Medium Light Sapphire
#2969FF - Medium Light Royal
#293EFF - Medium Light Bright Royal
#3E4FEA - Bright Sapphire
#1957E6 - Medium Light Bright Cobalt
#3E60EA - Bright Cobalt
#1942E6 - Pure Sapphire
#004CFF - Light Blue Tone
#5252FF - Medium Light Bright Blue
#3E3EEA - Bright Cornflower
#196BE6 - Light Royal
#5263FF - Pure Cornflower
#0066FF
More blue shades
- Darkest Cobalt
#000A33 - Very Dark Cobalt
#00125C - Dark Cobalt
#001B85 - Deep Cobalt
#0023AD - Medium Dark Cobalt
#002BD6 - Pure Cobalt
#0033FF - Light Cobalt
#5274FF - Pale Cobalt
#7A95FF - Very Pale Cobalt
#A3B6FF - Palest Cobalt
#CCD6FF - Darkest Bright Cobalt
#050D2E
Frequently asked questions
What is the HEX code for Medium Light Cobalt?
The HEX code for Medium Light Cobalt is #2954FF.
What is the RGB value of Medium Light Cobalt?
Medium Light Cobalt has an RGB value of 41, 84, 255 (rgb(41, 84, 255)). In HSL it is 228°, 100%, 58%.
What text color should I use on Medium Light Cobalt?
Use white text on Medium Light Cobalt. White text has a contrast ratio of 5.52:1 and black text has 3.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Cobalt?
The complementary color of Medium Light Cobalt is #FFD429. Analogous colors #29BFFF and #6929FF also pair well.