Dark Soft Lagoon is a dark, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #1B626A, which equals rgb(27, 98, 106) in RGB and hsl(186, 59%, 26%) in HSL. In print terms it converts to roughly C75 M8 Y0 K58, although exact CMYK results depend on the paper and color profile.
- HEX
#1B626A - RGB
27, 98, 106 - HSL
186°, 59%, 26% - CMYK
75, 8, 0, 58 - Family
Blue - Tone
Dark, moderately saturated
About Dark 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 white is the most readable choice on this color, with a contrast ratio of 7.00:1. Its complementary color is #69231B.
Download Dark 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…
Dark Soft Lagoon color codes
| HEX | #1B626A |
|---|---|
| RGB | rgb(27, 98, 106) |
| HSL | hsl(186, 59%, 26%) |
| HSV | 186°, 75%, 42% |
| CMYK | 75%, 8%, 0%, 58% |
| Decimal | 1794666 |
Shades and tints of Dark Soft Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9E5E6 - 100
#B3CBCD - 200
#8DB1B5 - 300
#67969C - 400
#417C83 - 500
#1B626A - 600
#175258 - 700
#124147 - 800
#0E3135 - 900
#092123 - 950
#051012
Color harmonies for Dark Soft Lagoon
- Complementary
#69231B≈ Dark Soft Scarlet - Analogous −30°
#1B694A≈ Dark Soft Seafoam - Analogous +30°
#1B3A69≈ Dark Soft Cornflower - Triadic +120°
#691B62≈ Dark Soft Fuchsia - Triadic +240°
#62691B≈ Dark Soft Citron - Split 150°
#691B3A≈ Dark Soft Carmine - Split 210°
#694A1B≈ Dark Soft Tangerine
Contrast and accessibility of Dark Soft Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Soft Lagoon | Aa | 7.00:1 | AA (good) |
| Black text on Dark Soft Lagoon | Aa | 3.00:1 | AA Large only |
CSS code for Dark Soft Lagoon
background-color: #1B626A;color: #1B626A;background-color: rgb(27, 98, 106);background-color: hsl(186, 59%, 26%);:root { --color-dark-soft-lagoon: #1B626A; }class="bg-[#1B626A]"Colors similar to Dark Soft Lagoon
- Dark Soft Cyan
#1B6A6A - Dark Soft Peacock
#1B5A6A - Dark Soft Teal
#1B6A62 - Dark Bright Peacock
#0D6277 - Dark Muted Cyan
#285D5D - Dark Soft Turquoise
#1B6A5A - Dark Soft Capri
#1B526A - Dark Muted Lagoon
#28585D - Dark Bright Capri
#0D5877 - Dark Bright Lagoon
#0D6D77 - Dark Muted Teal
#285D58 - Dark Muted Peacock
#28525D
More blue shades
- Light Bright Lagoon
#63E0EE - Pale Bright Lagoon
#88E7F2 - Very Pale Bright Lagoon
#ACEEF6 - Palest Bright Lagoon
#D1F6FA - Darkest Soft Lagoon
#0A2629 - Very Dark Soft Lagoon
#124449 - Deep Soft Lagoon
#23808B - Medium Dark Soft Lagoon
#2B9FAB - Soft Lagoon
#33BDCC - Medium Light Soft Lagoon
#54C7D4 - Light Soft Lagoon
#74D2DC
Frequently asked questions
What is the HEX code for Dark Soft Lagoon?
The HEX code for Dark Soft Lagoon is #1B626A.
What is the RGB value of Dark Soft Lagoon?
Dark Soft Lagoon has an RGB value of 27, 98, 106 (rgb(27, 98, 106)). In HSL it is 186°, 59%, 26%.
What text color should I use on Dark Soft Lagoon?
Use white text on Dark Soft Lagoon. White text has a contrast ratio of 7.00:1 and black text has 3.00:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Soft Lagoon?
The complementary color of Dark Soft Lagoon is #69231B. Analogous colors #1B694A and #1B3A69 also pair well.