Skip to content
PantoneTools
green
CSS Named Colors

Darkseagreen

darkseagreen · #8FBC8F

HEX

#8FBC8F

RGB

rgb(143, 188, 143)

CMYK

cmyk(24%, 0%, 24%, 26%)

HSL

hsl(120, 25%, 65%)

LAB

lab(72.1, -23.8, 18.0)

What is Darkseagreen?

Darkseagreen is the darkseagreen reference in the CSS Named Colors. Its sRGB value is #8FBC8F (rgb 143, 188, 143). It sits in the green family. The 147 named colors defined by the W3C CSS Color Module Level 4 specification — usable directly in CSS as keywords like 'crimson' or 'rebeccapurple'. See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Darkseagreen as a background.

Black text on this color

Sample text · 9.76 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 2.15 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Shades, tints & tonal scale of Darkseagreen

An 11-step tonal scale derived from Darkseagreen (#8FBC8F). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.

Copied #F6FAF6

50

#F6FAF6

#F6FAF6

Copied #EDF4ED

100

#EDF4ED

#EDF4ED

Copied #DBEADB

200

#DBEADB

#DBEADB

Copied #C7DEC7

300

#C7DEC7

#C7DEC7

Copied #ABCDAB

400

#ABCDAB

#ABCDAB

Copied #8FBC8F

500

#8FBC8F

#8FBC8F

Copied #7AA07A

600

#7AA07A

#7AA07A

Copied #5D7A5D

700

#5D7A5D

#5D7A5D

Copied #405540

800

#405540

#405540

Copied #242F24

900

#242F24

#242F24

Copied #111711

950

#111711

#111711

Lighter tints (mixed with white)

Copied #A6C8A6

15%

#A6C8A6

Copied #BAD3BA

30%

#BAD3BA

Copied #CCDDCC

45%

#CCDDCC

Copied #DBE7DB

60%

#DBE7DB

Copied #E9F1E9

75%

#E9F1E9

Darker shades (mixed with black)

Copied #85AF85

15%

#85AF85

Copied #79A079

30%

#79A079

Copied #6C8F6C

45%

#6C8F6C

Copied #5D7C5D

60%

#5D7C5D

Copied #4A634A

75%

#4A634A

Color harmonies for Darkseagreen

Classic color-theory harmonies derived from rotating the hue of Darkseagreen. Use these to build accent palettes, brand systems, and accessible UI color pairings.

Complementary

180° opposite — strongest contrast

Copied #8FBC8F

#8FBC8F

#8FBC8F

Copied #BC8FBC

#BC8FBC

#BC8FBC

Triadic

Three colors 120° apart

Copied #8FBC8F

#8FBC8F

#8FBC8F

Copied #8F8FBC

#8F8FBC

#8F8FBC

Copied #BC8F8F

#BC8F8F

#BC8F8F

Analogous

Two neighbors ±30° on the wheel

Copied #A6BC8F

#A6BC8F

#A6BC8F

Copied #8FBC8F

#8FBC8F

#8FBC8F

Copied #8FBCA6

#8FBCA6

#8FBCA6

Split-complementary

Base + two colors flanking its complement

Copied #8FBC8F

#8FBC8F

#8FBC8F

Copied #A68FBC

#A68FBC

#A68FBC

Copied #BC8FA6

#BC8FA6

#BC8FA6

Tetradic

Two complementary pairs

Copied #8FBC8F

#8FBC8F

#8FBC8F

Copied #8FBCBC

#8FBCBC

#8FBCBC

Copied #BC8FBC

#BC8FBC

#BC8FBC

Copied #BC8F8F

#BC8F8F

#BC8F8F

Square

Four colors evenly spaced 90° apart

Copied #8FBC8F

#8FBC8F

#8FBC8F

Copied #8FA6BC

#8FA6BC

#8FA6BC

Copied #BC8FBC

#BC8FBC

#BC8FBC

Copied #BCA68F

#BCA68F

#BCA68F

Darkseagreen in every color space

Full conversion of Darkseagreen across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.

HEX

#8FBC8F

RGB

rgb(143, 188, 143)

CMYK

cmyk(24%, 0%, 24%, 26%)

HSL

hsl(120, 25%, 65%)

HSV

hsv(120, 24%, 74%)

HWB

hwb(120 56% 26%)

CIE Lab

lab(72.1 -23.8 18.0)

OKLCH

oklch(75.1% 0.080 144.7)

XYZ (D65)

xyz(34.27, 43.79, 32.63)

Copy-ready code for Darkseagreen

Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.

CSS

color: #8FBC8F;
background-color: #8FBC8F;

CSS variable

:root {
  --color-darkseagreen: #8FBC8F;
}

Tailwind config

// tailwind.config.js
colors: {
  'darkseagreen': '#8FBC8F',
}

Sass

$color-darkseagreen: #8FBC8F;

Swift UIColor

UIColor(red: 0.561, green: 0.737, blue: 0.561, alpha: 1.0)

Android XML

<color name="darkseagreen">#8FBC8F</color>

Closest match in every color system

The nearest Darkseagreen equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.

Closest in CSS Named Colors

Top 6 ΔE2000-closest entries within the same collection.

Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.

Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.

Copied #89AC76

RAL 6021

#89AC76

Pale green

Copied #BDECB6

RAL 6019

#BDECB6

Pastel green

Copied #BEBD7F

RAL 1000

#BEBD7F

Green beige

Copied #B8B799

RAL 7032

#B8B799

Pebble grey

Copied #84C3BE

RAL 6027

#84C3BE

Light green

Copied #57A639

RAL 6018

#57A639

Yellow green

FAQ about Darkseagreen

What is the HEX code for Darkseagreen?

Darkseagreen (darkseagreen) has the HEX code #8FBC8F. In RGB it is rgb(143, 188, 143), and in CMYK it is cmyk(24%, 0%, 24%, 26%).

What is the OKLCH value of Darkseagreen?

Darkseagreen converts to oklch(0.751 0.080 144.7). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Darkseagreen accessible for body text?

Used as a background, Darkseagreen has a contrast ratio of 9.76:1 with black text and 2.15:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use black text and verify in real UI context.

What is the closest Pantone to Darkseagreen?

The closest Pantone reference to Darkseagreen by ΔE2000 perceptual distance is Pantone 365 C (#D0DEBE). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Darkseagreen?

The closest RAL Classic reference to Darkseagreen by ΔE2000 distance is RAL 6021 (Pale green, #89AC76). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Darkseagreen?

The complementary color (180° opposite on the HSL color wheel) of Darkseagreen is #BC8FBC. Use it for high-contrast accents, error states, or call-to-action pairings.

Data provenance & source

CSS Named Colors (CSS Color Module Level 4)

The 147 named colors defined by the W3C CSS Color Module Level 4 specification. Origin: VGA (16) + X11 (rest) + 'rebeccapurple'. Use as a reference for web color names that all browsers natively support. Names like 'crimson' or 'rebeccapurple' work as CSS values without any framework.

Source type
derived
Confidence
high
License
W3C permissive document license
Last reviewed
2026-05-24

Workflow tags

css
web-standard
named-keyword
green

CSS named colors are sRGB digital values defined for browsers. For print, convert to a process-appropriate color and proof against substrate.

CSS Named Colors · Darkseagreen — #8FBC8F | PantoneTools