Medium Light Soft Lagoon is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #54C7D4, which equals rgb(84, 199, 212) in RGB and hsl(186, 60%, 58%) in HSL. In print terms it converts to roughly C60 M6 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#54C7D4 - RGB
84, 199, 212 - HSL
186°, 60%, 58% - CMYK
60, 6, 0, 17 - Family
Blue - Tone
Medium, saturated
About Medium Light Soft Lagoon
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 10.50:1. Its complementary color is #D46054.
Download Medium Light Soft Lagoon 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 Lagoon color codes
| HEX | #54C7D4 |
|---|---|
| RGB | rgb(84, 199, 212) |
| HSL | hsl(186, 60%, 58%) |
| HSV | 186°, 60%, 83% |
| CMYK | 60%, 6%, 0%, 17% |
| Decimal | 5556180 |
Shades and tints of Medium Light Soft Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3F6F8 - 100
#C6ECF1 - 200
#AAE3EA - 300
#8DDAE2 - 400
#71D0DB - 500
#54C7D4 - 600
#46A6B1 - 700
#38858D - 800
#2A646A - 900
#1C4247 - 950
#0E2123
Color harmonies for Medium Light Soft Lagoon
- Complementary
#D46054≈ Indian Red - Analogous −30°
#54D4A1≈ Medium Light Soft Mint - Analogous +30°
#5487D4≈ Medium Light Soft Cerulean - Triadic +120°
#D454C7≈ Medium Light Soft Magenta - Triadic +240°
#C7D454≈ Medium Light Soft Lime - Split 150°
#D45487≈ Medium Light Soft Blush - Split 210°
#D4A154≈ Medium Light Soft Orange
Contrast and accessibility of Medium Light Soft Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Soft Lagoon | Aa | 2.00:1 | Fails |
| Black text on Medium Light Soft Lagoon | Aa | 10.50:1 | AAA (excellent) |
CSS code for Medium Light Soft Lagoon
background-color: #54C7D4;color: #54C7D4;background-color: rgb(84, 199, 212);background-color: hsl(186, 60%, 58%);:root { --color-medium-light-soft-lagoon: #54C7D4; }class="bg-[#54C7D4]"Colors similar to Medium Light Soft Lagoon
- Medium Light Soft Cyan
#54D4D4 - Medium Light Soft Peacock
#54BAD4 - Medium Turquoise
#48D1CC - Medium Light Soft Teal
#54D4C7 - Light Bright Capri
#63C4EE - Medium Light Bright Peacock
#3EC7EA - Medium Light Muted Cyan
#69BFBF - Medium Light Soft Turquoise
#54D4BA - Medium Light Soft Capri
#54AED4 - Light Soft Peacock
#74C8DC - Soft Cyan
#33CCCC - Light Bright Peacock
#63D2EE
More blue shades
- Darkest Soft Lagoon
#0A2629 - Very Dark Soft Lagoon
#124449 - Dark Soft Lagoon
#1B626A - Deep Soft Lagoon
#23808B - Medium Dark Soft Lagoon
#2B9FAB - Soft Lagoon
#33BDCC - Light Soft Lagoon
#74D2DC - Pale Soft Lagoon
#95DDE4 - Very Pale Soft Lagoon
#B6E7ED - Palest Soft Lagoon
#D6F2F5 - Darkest Muted Lagoon
#0F2224
Frequently asked questions
What is the HEX code for Medium Light Soft Lagoon?
The HEX code for Medium Light Soft Lagoon is #54C7D4.
What is the RGB value of Medium Light Soft Lagoon?
Medium Light Soft Lagoon has an RGB value of 84, 199, 212 (rgb(84, 199, 212)). In HSL it is 186°, 60%, 58%.
What text color should I use on Medium Light Soft Lagoon?
Use black text on Medium Light Soft Lagoon. White text has a contrast ratio of 2.00:1 and black text has 10.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Soft Lagoon?
The complementary color of Medium Light Soft Lagoon is #D46054. Analogous colors #54D4A1 and #5487D4 also pair well.