HEX
#8FBC8FPrimary tokenCSS Named Color Reference
Dark Sea Green Color Code
Dark Sea Green·#8FBC8F
Cyan FamilyCoolMid toneLow saturationoklch(75.1% 0.080 145)
RGB
rgb(143, 188, 143)Screen valuesHSL
hsl(120 25% 65%)Hue and lightnessCMYK
24, 0, 24, 26Print handoffLAB
72, -24, 18Perceptual referenceOKLCH
oklch(75.1% 0.080 145)Modern perceptualDark Sea Green is a muted CSS named color at #8FBC8F that sits between sage green and pale teal. Use it when you need a softer natural support color for dashboards, wellness products, status surfaces, and interface sections that should feel calm rather than bright.
Best text colorDark text
Body text contrast7.97:1
Best UseNatural dashboards, soft status surfaces, and calm green-cyan structure
Tonal Scale
100#EBF3EB
300#CBE0CB
500#A3C8A3
600#8FBC8F
800#678767
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
2.15:1Needs more separation
Dark text on this color
Large headings and selective UI.
7.97:1AAA-level contrast
This color on light surface
Links, borders, and icons on light UI.
2.04:1Needs more separation
Best text colorDark textContrast 7.97:1
Professional Reference
OKLCHoklch(75.1% 0.080 145)
Relative Luminance0.4379
Source TypeCSS Named Color
Classification
Cyan FamilyCoolMid toneLow saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Material Green 200Material Green 300Material Light Green 200
Accessibility Matrix
White text on this color
White text placed on the current color.
2.15:1Needs more separation
Dark text on this color
Dark text or headings on the current color.
7.97:1AAA
This color on light surface
Use this color for links, strokes, or icons on light UI.
2.04:1Needs more separation
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
7.97:1AAA
Best text colorDark textContrast 7.97:1 · AAA
Where It Works
- Status surfaces, wellness UI, and soft natural sections.
- More muted than Sea Green, less blue than Cadet Blue.
- Pairs with white, slate text, and deeper teal or sea-green anchors.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Dark Sea Green is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product, interface, and branding work.
Hue Family
Clean cyan and teal hues for product UIs.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-dark-sea-green: #8FBC8F;
--color-dark-sea-green-rgb: 143 188 143;
}class="bg-[#8FBC8F] text-white"
class="hover:bg-[#678767] ring-1 ring-[#8FBC8F]"{
"darkSeaGreen": "#8FBC8F",
"darkSeaGreenRgb": [143, 188, 143],
"darkSeaGreenHsl": [120, 25, 65]
}