Light Bright Seafoam is a medium-light, saturated shade in the green color family, with a cool feel. Its HEX code is #63EEB6, which equals rgb(99, 238, 182) in RGB and hsl(156, 80%, 66%) in HSL. In print terms it converts to roughly C58 M0 Y24 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#63EEB6 - RGB
99, 238, 182 - HSL
156°, 80%, 66% - CMYK
58, 0, 24, 7 - Family
Green - Tone
Medium-light, saturated
About Light Bright Seafoam
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. 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 14.44:1. Its complementary color is #EE639A.
Download Light Bright Seafoam 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…
Light Bright Seafoam color codes
| HEX | #63EEB6 |
|---|---|
| RGB | rgb(99, 238, 182) |
| HSL | hsl(156, 80%, 66%) |
| HSV | 156°, 58%, 93% |
| CMYK | 58%, 0%, 24%, 7% |
| Decimal | 6549174 |
Shades and tints of Light Bright Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5FCF3 - 100
#CBF9E7 - 200
#B1F7DB - 300
#97F4CE - 400
#7DF1C2 - 500
#63EEB6 - 600
#53C698 - 700
#429F79 - 800
#32775B - 900
#214F3D - 950
#11281E
Color harmonies for Light Bright Seafoam
- Complementary
#EE639A≈ Light Bright Ruby - Analogous −30°
#63EE71≈ Light Bright Green - Analogous +30°
#63E0EE≈ Light Bright Cyan - Triadic +120°
#B663EE≈ Light Bright Violet - Triadic +240°
#EEB663≈ Light Bright Orange - Split 150°
#EE63E0≈ Light Bright Magenta - Split 210°
#EE7163≈ Terracotta
Contrast and accessibility of Light Bright Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Bright Seafoam | Aa | 1.45:1 | Fails |
| Black text on Light Bright Seafoam | Aa | 14.44:1 | AAA (excellent) |
CSS code for Light Bright Seafoam
background-color: #63EEB6;color: #63EEB6;background-color: rgb(99, 238, 182);background-color: hsl(156, 80%, 66%);:root { --color-light-bright-seafoam: #63EEB6; }class="bg-[#63EEB6]"Colors similar to Light Bright Seafoam
- Light Bright Mint
#63EEA8 - Light Bright Aquamarine
#63EEC4 - Light Seafoam
#52FFBA - Light Soft Seafoam
#74DCB3 - Light Bright Malachite
#63EE9A - Light Bright Turquoise
#63EED2 - Light Soft Aquamarine
#74DCBD - Light Mint
#52FFA8 - Light Soft Mint
#74DCA8 - Pale Malachite
#7AFFAF - Pale Mint
#7AFFBD - Light Soft Turquoise
#74DCC8
More green shades
- Very Dark Bright Seafoam
#095335 - Dark Bright Seafoam
#0D774D - Deep Bright Seafoam
#119C65 - Medium Dark Bright Seafoam
#15C17C - Bright Seafoam
#19E694 - Medium Light Bright Seafoam
#3EEAA5 - Pale Bright Seafoam
#88F2C7 - Very Pale Bright Seafoam
#ACF6D8 - Palest Bright Seafoam
#D1FAEA - Darkest Soft Seafoam
#0A291D - Very Dark Soft Seafoam
#124933
Frequently asked questions
What is the HEX code for Light Bright Seafoam?
The HEX code for Light Bright Seafoam is #63EEB6.
What is the RGB value of Light Bright Seafoam?
Light Bright Seafoam has an RGB value of 99, 238, 182 (rgb(99, 238, 182)). In HSL it is 156°, 80%, 66%.
What text color should I use on Light Bright Seafoam?
Use black text on Light Bright Seafoam. White text has a contrast ratio of 1.45:1 and black text has 14.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Bright Seafoam?
The complementary color of Light Bright Seafoam is #EE639A. Analogous colors #63EE71 and #63E0EE also pair well.