Dark Bright Seafoam is a dark, saturated shade in the green color family, with a cool feel. Its HEX code is #0D774D, which equals rgb(13, 119, 77) in RGB and hsl(156, 80%, 26%) in HSL. In print terms it converts to roughly C89 M0 Y35 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#0D774D - RGB
13, 119, 77 - HSL
156°, 80%, 26% - CMYK
89, 0, 35, 53 - Family
Green - Tone
Dark, saturated
About Dark 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. 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 5.58:1. Its complementary color is #770D38.
Download Dark 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…
Dark Bright Seafoam color codes
| HEX | #0D774D |
|---|---|
| RGB | rgb(13, 119, 77) |
| HSL | hsl(156, 80%, 26%) |
| HSV | 156°, 89%, 47% |
| CMYK | 89%, 0%, 35%, 53% |
| Decimal | 882509 |
Shades and tints of Dark Bright Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D7E8E1 - 100
#AED2C4 - 200
#86BBA6 - 300
#5EA488 - 400
#358E6B - 500
#0D774D - 600
#0B6340 - 700
#094F33 - 800
#073C27 - 900
#04281A - 950
#02140D
Color harmonies for Dark Bright Seafoam
- Complementary
#770D38≈ Dark Bright Blush - Analogous −30°
#0D7718≈ Dark Bright Emerald - Analogous +30°
#0D6D77≈ Dark Bright Cyan - Triadic +120°
#4D0D77≈ Dark Bright Violet - Triadic +240°
#774D0D≈ Dark Bright Orange - Split 150°
#770D6D≈ Dark Bright Magenta - Split 210°
#77180D≈ Dark Bright Vermilion
Contrast and accessibility of Dark Bright Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Seafoam | Aa | 5.58:1 | AA (good) |
| Black text on Dark Bright Seafoam | Aa | 3.76:1 | AA Large only |
CSS code for Dark Bright Seafoam
background-color: #0D774D;color: #0D774D;background-color: rgb(13, 119, 77);background-color: hsl(156, 80%, 26%);:root { --color-dark-bright-seafoam: #0D774D; }class="bg-[#0D774D]"Colors similar to Dark Bright Seafoam
- Dark Bright Mint
#0D7742 - Dark Bright Aquamarine
#0D7758 - Dark Soft Seafoam
#1B6A4A - Dark Seafoam
#008550 - Dark Soft Aquamarine
#1B6A52 - Dark Bright Malachite
#0D7738 - Dark Bright Turquoise
#0D7762 - Dark Soft Mint
#1B6A42 - Dark Mint
#008542 - Dark Soft Turquoise
#1B6A5A - Dark Aquamarine
#00855D - Dark Soft Malachite
#1B6A3A
More green shades
- Light Seafoam
#52FFBA - Pale Seafoam
#7AFFCA - Very Pale Seafoam
#A3FFDA - Palest Seafoam
#CCFFEB - Darkest Bright Seafoam
#052E1E - Very Dark Bright Seafoam
#095335 - Deep Bright Seafoam
#119C65 - Medium Dark Bright Seafoam
#15C17C - Bright Seafoam
#19E694 - Medium Light Bright Seafoam
#3EEAA5 - Light Bright Seafoam
#63EEB6
Frequently asked questions
What is the HEX code for Dark Bright Seafoam?
The HEX code for Dark Bright Seafoam is #0D774D.
What is the RGB value of Dark Bright Seafoam?
Dark Bright Seafoam has an RGB value of 13, 119, 77 (rgb(13, 119, 77)). In HSL it is 156°, 80%, 26%.
What text color should I use on Dark Bright Seafoam?
Use white text on Dark Bright Seafoam. White text has a contrast ratio of 5.58:1 and black text has 3.76:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Bright Seafoam?
The complementary color of Dark Bright Seafoam is #770D38. Analogous colors #0D7718 and #0D6D77 also pair well.