Medium Light Muted Cobalt is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #697ABF, which equals rgb(105, 122, 191) in RGB and hsl(228, 40%, 58%) in HSL. In print terms it converts to roughly C45 M36 Y0 K25, although exact CMYK results depend on the paper and color profile.
- HEX
#697ABF - RGB
105, 122, 191 - HSL
228°, 40%, 58% - CMYK
45, 36, 0, 25 - Family
Blue - Tone
Medium, moderately saturated
About Medium Light Muted 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 black is the most readable choice on this color, with a contrast ratio of 5.14:1. Its complementary color is #BFAE69.
Download Medium Light Muted 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 Muted Cobalt color codes
| HEX | #697ABF |
|---|---|
| RGB | rgb(105, 122, 191) |
| HSL | hsl(228, 40%, 58%) |
| HSV | 228°, 45%, 75% |
| CMYK | 45%, 36%, 0%, 25% |
| Decimal | 6912703 |
Shades and tints of Medium Light Muted Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E9F4 - 100
#CDD3EA - 200
#B4BDDF - 300
#9BA6D4 - 400
#8290CA - 500
#697ABF - 600
#58669F - 700
#46517F - 800
#353D60 - 900
#232940 - 950
#121420
Color harmonies for Medium Light Muted Cobalt
- Complementary
#BFAE69≈ Medium Light Muted Gold - Analogous −30°
#69A5BF≈ Medium Light Muted Peacock - Analogous +30°
#8369BF≈ Medium Light Muted Periwinkle - Triadic +120°
#BF697A≈ Medium Light Muted Cardinal - Triadic +240°
#7ABF69≈ Medium Light Muted Shamrock - Split 150°
#BF8369≈ Medium Light Muted Persimmon - Split 210°
#A5BF69≈ Medium Light Muted Spring Bud
Contrast and accessibility of Medium Light Muted Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Muted Cobalt | Aa | 4.09:1 | AA Large only |
| Black text on Medium Light Muted Cobalt | Aa | 5.14:1 | AA (good) |
CSS code for Medium Light Muted Cobalt
background-color: #697ABF;color: #697ABF;background-color: rgb(105, 122, 191);background-color: hsl(228, 40%, 58%);:root { --color-medium-light-muted-cobalt: #697ABF; }class="bg-[#697ABF]"Colors similar to Medium Light Muted Cobalt
- Medium Light Muted Royal
#6972BF - Medium Light Muted Sapphire
#6983BF - Medium Light Muted Cornflower
#698BBF - Medium Light Muted Blue
#6969BF - Medium Light Muted Ultramarine
#7269BF - Medium Light Muted Indigo
#7A69BF - Medium Light Soft Sapphire
#547AD4 - Medium Light Dusty Blue
#7E7EA9 - Muted Cerulean
#4D7FB2 - Muted Cornflower
#4D75B2 - Light Soft Royal
#747FDC - Light Soft Blue
#7474DC
More blue shades
- Darkest Muted Cobalt
#0F1324 - Very Dark Muted Cobalt
#1C2340 - Dark Muted Cobalt
#28325D - Deep Muted Cobalt
#344279 - Medium Dark Muted Cobalt
#405196 - Muted Cobalt
#4D61B2 - Light Muted Cobalt
#8693CB - Pale Muted Cobalt
#A2ADD7 - Very Pale Muted Cobalt
#BFC6E3 - Palest Muted Cobalt
#DBDFF0 - Very Dark Dusty Cobalt
#252837
Frequently asked questions
What is the HEX code for Medium Light Muted Cobalt?
The HEX code for Medium Light Muted Cobalt is #697ABF.
What is the RGB value of Medium Light Muted Cobalt?
Medium Light Muted Cobalt has an RGB value of 105, 122, 191 (rgb(105, 122, 191)). In HSL it is 228°, 40%, 58%.
What text color should I use on Medium Light Muted Cobalt?
Use black text on Medium Light Muted Cobalt. White text has a contrast ratio of 4.09:1 and black text has 5.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Muted Cobalt?
The complementary color of Medium Light Muted Cobalt is #BFAE69. Analogous colors #69A5BF and #8369BF also pair well.