Pale Lagoon is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7AF2FF, which equals rgb(122, 242, 255) in RGB and hsl(186, 100%, 74%) in HSL. In print terms it converts to roughly C52 M5 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AF2FF - RGB
122, 242, 255 - HSL
186°, 100%, 74% - CMYK
52, 5, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale 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. 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 15.97:1. Its complementary color is #FF887A.
Download Pale 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…
Pale Lagoon color codes
| HEX | #7AF2FF |
|---|---|
| RGB | rgb(122, 242, 255) |
| HSL | hsl(186, 100%, 74%) |
| HSV | 186°, 52%, 100% |
| CMYK | 52%, 5%, 0%, 0% |
| Decimal | 8057599 |
Shades and tints of Pale Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9FDFF - 100
#D3FBFF - 200
#BDF9FF - 300
#A6F6FF - 400
#90F4FF - 500
#7AF2FF - 600
#66CAD5 - 700
#51A1AA - 800
#3D7980 - 900
#295155 - 950
#14282B
Color harmonies for Pale Lagoon
- Complementary
#FF887A≈ Salmon - Analogous −30°
#7AFFCA≈ Aquamarine - Analogous +30°
#7AAFFF≈ Pale Sapphire - Triadic +120°
#FF7AF2≈ Pale Magenta - Triadic +240°
#F2FF7A≈ Pale Yellow - Split 150°
#FF7AAF≈ Pale Ruby - Split 210°
#FFCA7A≈ Pale Orange
Contrast and accessibility of Pale Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Lagoon | Aa | 1.31:1 | Fails |
| Black text on Pale Lagoon | Aa | 15.97:1 | AAA (excellent) |
CSS code for Pale Lagoon
background-color: #7AF2FF;color: #7AF2FF;background-color: rgb(122, 242, 255);background-color: hsl(186, 100%, 74%);:root { --color-pale-lagoon: #7AF2FF; }class="bg-[#7AF2FF]"Colors similar to Pale Lagoon
- Pale Cyan
#7AFFFF - Pale Peacock
#7AE4FF - Pale Bright Cyan
#88F2F2 - Pale Teal
#7AFFF2 - Pale Bright Lagoon
#88E7F2 - Pale Bright Teal
#88F2E7 - Light Bright Cyan
#63EEEE - Pale Turquoise Tone
#7AFFE4 - Pale Bright Peacock
#88DDF2 - Pale Capri
#7AD7FF - Light Bright Lagoon
#63E0EE - Pale Bright Turquoise
#88F2DD
More blue shades
- Dark Lagoon
#007785 - Deep Lagoon
#009CAD - Medium Dark Lagoon
#00C1D6 - Pure Lagoon
#00E5FF - Medium Light Lagoon
#29EAFF - Light Lagoon
#52EEFF - Very Pale Lagoon
#A3F6FF - Palest Lagoon
#CCFAFF - Darkest Bright Lagoon
#052A2E - Very Dark Bright Lagoon
#094B53 - Dark Bright Lagoon
#0D6D77
Frequently asked questions
What is the HEX code for Pale Lagoon?
The HEX code for Pale Lagoon is #7AF2FF.
What is the RGB value of Pale Lagoon?
Pale Lagoon has an RGB value of 122, 242, 255 (rgb(122, 242, 255)). In HSL it is 186°, 100%, 74%.
What text color should I use on Pale Lagoon?
Use black text on Pale Lagoon. White text has a contrast ratio of 1.31:1 and black text has 15.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Lagoon?
The complementary color of Pale Lagoon is #FF887A. Analogous colors #7AFFCA and #7AAFFF also pair well.