Palest Lagoon is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCFAFF, which equals rgb(204, 250, 255) in RGB and hsl(186, 100%, 90%) in HSL. In print terms it converts to roughly C20 M2 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCFAFF - RGB
204, 250, 255 - HSL
186°, 100%, 90% - CMYK
20, 2, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest 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 18.69:1. Its complementary color is #FFD1CC.
Download Palest 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…
Palest Lagoon color codes
| HEX | #CCFAFF |
|---|---|
| RGB | rgb(204, 250, 255) |
| HSL | hsl(186, 100%, 90%) |
| HSV | 186°, 20%, 100% |
| CMYK | 20%, 2%, 0%, 0% |
| Decimal | 13433599 |
Shades and tints of Palest Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FEFF - 100
#EEFDFF - 200
#E6FDFF - 300
#DDFCFF - 400
#D5FBFF - 500
#CCFAFF - 600
#AAD0D5 - 700
#88A7AA - 800
#667D80 - 900
#445355 - 950
#222A2B
Color harmonies for Palest Lagoon
- Complementary
#FFD1CC≈ Palest Red - Analogous −30°
#CCFFEB≈ Palest Mint - Analogous +30°
#CCE0FF≈ Palest Cerulean - Triadic +120°
#FFCCFA≈ Palest Magenta - Triadic +240°
#FAFFCC≈ Palest Lime - Split 150°
#FFCCE0≈ Palest Ruby - Split 210°
#FFEBCC≈ Blanched Almond
Contrast and accessibility of Palest Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Lagoon | Aa | 1.12:1 | Fails |
| Black text on Palest Lagoon | Aa | 18.69:1 | AAA (excellent) |
CSS code for Palest Lagoon
background-color: #CCFAFF;color: #CCFAFF;background-color: rgb(204, 250, 255);background-color: hsl(186, 100%, 90%);:root { --color-palest-lagoon: #CCFAFF; }class="bg-[#CCFAFF]"Colors similar to Palest Lagoon
- Palest Cyan
#CCFFFF - Palest Peacock
#CCF5FF - Palest Bright Cyan
#D1FAFA - Palest Teal
#CCFFFA - Palest Bright Lagoon
#D1F6FA - Palest Bright Teal
#D1FAF6 - Palest Turquoise
#CCFFF5 - Palest Bright Peacock
#D1F2FA - Palest Capri
#CCF0FF - Palest Bright Turquoise
#D1FAF2 - Palest Aquamarine
#CCFFF0 - Palest Soft Cyan
#D6F5F5
More blue shades
- Medium Dark Lagoon
#00C1D6 - Pure Lagoon
#00E5FF - Medium Light Lagoon
#29EAFF - Light Lagoon
#52EEFF - Pale Lagoon
#7AF2FF - Very Pale Lagoon
#A3F6FF - Darkest Bright Lagoon
#052A2E - Very Dark Bright Lagoon
#094B53 - Dark Bright Lagoon
#0D6D77 - Deep Bright Lagoon
#118E9C - Medium Dark Bright Lagoon
#15B0C1
Frequently asked questions
What is the HEX code for Palest Lagoon?
The HEX code for Palest Lagoon is #CCFAFF.
What is the RGB value of Palest Lagoon?
Palest Lagoon has an RGB value of 204, 250, 255 (rgb(204, 250, 255)). In HSL it is 186°, 100%, 90%.
What text color should I use on Palest Lagoon?
Use black text on Palest Lagoon. White text has a contrast ratio of 1.12:1 and black text has 18.69:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Lagoon?
The complementary color of Palest Lagoon is #FFD1CC. Analogous colors #CCFFEB and #CCE0FF also pair well.