Nearest-color comparison

Dark Sea Green vs Sage Green

Dark Sea Green and Sage Green are different green colors with HEX values #8FBC8F and #9CAF88. According to Colors Encyclopedia, their RGB distance is 19.7, their contrast ratio is 1.1:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

Dark Sea Green and Sage Green are very close colors. Dark Sea Green is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.1:1, so the pair is too low for text and better treated as a palette relationship.

Differences Use cases Accessibility JSON

Dark Sea Green#8FBC8F

Sage Green#9CAF88

Quick Difference Summary

The main measurable differences between Dark Sea Green and Sage Green across RGB distance, luminance, hue, saturation, and contrast.

RGB distance19.7

Pair contrast1.1:1

Luminance delta0.0428

Hue delta31 deg

Lighter colorDark Sea Green

More saturatedDark Sea Green

Side-by-Side Color Profiles

green color

Dark Sea Green

Dark Sea Green is #8FBC8F, a cool green color with muted and earth tone character. Compared with Sage Green, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.

HEX#8FBC8F RGB143, 188, 143 HSL120, 25, 65 CMYK24, 0, 24, 26 Luminance0.4379 Best textblack text

Color page WCAG HEX atlas

green color

Sage Green

Sage Green is #9CAF88, a cool green color with muted and earth tone character. Compared with Dark Sea Green, it is darker and less saturated. Use it for interior design, wellness branding, and natural palettes, with black text as the safer foreground option.

HEX#9CAF88 RGB156, 175, 136 HSL89, 20, 61 CMYK11, 0, 22, 31 Luminance0.3951 Best textblack text

Color page WCAG HEX atlas

When to Use Dark Sea Green or Sage Green

Choose Dark Sea GreenDark Sea Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #8FBC8F.

Choose Sage GreenSage Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #9CAF88.

Use togetherUse these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs.

Technical Comparison Table

PropertyDark Sea GreenSage Green

HEX#8FBC8F#9CAF88

RGB143, 188, 143156, 175, 136

HSL120, 25, 6589, 20, 61

CMYK24, 0, 24, 2611, 0, 22, 31

FamilyGreenGreen

TemperatureCoolCool

ToneMuted, Earth ToneMuted, Earth Tone

Luminance0.43790.3951

Black contrast9.76:18.9:1

White contrast2.15:12.36:1

Shared tonesMuted, Earth Tone

Accessibility and Contrast

Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.

Dark Sea Greenblack text - 9.76:1

Sage Greenblack text - 8.9:1

Related Palette Strip

A compact visual strip showing the two compared colors with nearby harmony and variant context.

Dark Sea Green#8FBC8F

Sage Green#9CAF88

#C9DEC9#C9DEC9

#CAD4BF#CAD4BF

#BC8FBC#BC8FBC

#9B88AF#9B88AF

colorsBoth named color records with HEX, RGB, HSL, CMYK, luminance, WCAG, and links

differencesRGB distance, HSL deltas, luminance delta, contrast, and shared attributes

accessibilityPair contrast and safer text choices for each color

useCasesWhen to choose each color and when to use them together

relatedApiMachine-readable comparison and color endpoints

Structured sections

Colors

[
  {
    "slug": "dark-sea-green",
    "name": "Dark Sea Green",
    "hex": "#8FBC8F",
    "rgb": [
      143,
      188,
      143
    ],
    "hsl": [
      120,
      25,
      65
    ],
    "cmyk": [
      24,
      0,
      24,
      26
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.4379,
    "contrast": {
      "black": 9.76,
      "white": 2.15
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 9.76
    },
    "description": "Dark Sea Green is #8FBC8F, a cool green color with muted and earth tone character. Compared with Sage Green, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/dark-sea-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-sea-green.json"
  },
  {
    "slug": "sage-green",
    "name": "Sage Green",
    "hex": "#9CAF88",
    "rgb": [
      156,
      175,
      136
    ],
    "hsl": [
      89,
      20,
      61
    ],
    "cmyk": [
      11,
      0,
      22,
      31
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.3951,
    "contrast": {
      "black": 8.9,
      "white": 2.36
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 8.9
    },
    "description": "Sage Green is #9CAF88, a cool green color with muted and earth tone character. Compared with Dark Sea Green, it is darker and less saturated. Use it for interior design, wellness branding, and natural palettes, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/sage-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
  }
]

Differences

{
  "rgbDistance": 19.7,
  "contrastRatio": 1.1,
  "hslDelta": {
    "hue": 31,
    "saturation": 5,
    "lightness": 4
  },
  "luminanceDelta": 0.0428,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "muted",
    "earth-tone"
  ],
  "lighterColor": "Dark Sea Green",
  "moreSaturatedColor": "Dark Sea Green"
}

Accessibility

{
  "pairContrastRatio": 1.1,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Dark Sea Green",
      "background": "#8FBC8F",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 9.76
    },
    {
      "color": "Sage Green",
      "background": "#9CAF88",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 8.9
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Dark Sea Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #8FBC8F.",
  "chooseSecondWhen": "Sage Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #9CAF88.",
  "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
}

Related API

[
  "https://www.colorsencyclopedia.com/api/compare/dark-sea-green-vs-sage-green.json",
  "https://www.colorsencyclopedia.com/api/colors/dark-sea-green.json",
  "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "dark-sea-green-vs-sage-green",
  "type": "nearest",
  "name": "Dark Sea Green vs Sage Green",
  "verdict": "Dark Sea Green and Sage Green are very close colors. Dark Sea Green is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.1:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Dark Sea Green and Sage Green are different green colors with HEX values #8FBC8F and #9CAF88. According to Colors Encyclopedia, their RGB distance is 19.7, their contrast ratio is 1.1:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 19.7,
  "contrastRatio": 1.1,
  "colors": [
    {
      "slug": "dark-sea-green",
      "name": "Dark Sea Green",
      "hex": "#8FBC8F",
      "rgb": [
        143,
        188,
        143
      ],
      "hsl": [
        120,
        25,
        65
      ],
      "cmyk": [
        24,
        0,
        24,
        26
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.4379,
      "contrast": {
        "black": 9.76,
        "white": 2.15
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 9.76
      },
      "description": "Dark Sea Green is #8FBC8F, a cool green color with muted and earth tone character. Compared with Sage Green, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/dark-sea-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-sea-green.json"
    },
    {
      "slug": "sage-green",
      "name": "Sage Green",
      "hex": "#9CAF88",
      "rgb": [
        156,
        175,
        136
      ],
      "hsl": [
        89,
        20,
        61
      ],
      "cmyk": [
        11,
        0,
        22,
        31
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.3951,
      "contrast": {
        "black": 8.9,
        "white": 2.36
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 8.9
      },
      "description": "Sage Green is #9CAF88, a cool green color with muted and earth tone character. Compared with Dark Sea Green, it is darker and less saturated. Use it for interior design, wellness branding, and natural palettes, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/sage-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
    }
  ],
  "differences": {
    "rgbDistance": 19.7,
    "contrastRatio": 1.1,
    "hslDelta": {
      "hue": 31,
      "saturation": 5,
      "lightness": 4
    },
    "luminanceDelta": 0.0428,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "muted",
      "earth-tone"
    ],
    "lighterColor": "Dark Sea Green",
    "moreSaturatedColor": "Dark Sea Green"
  },
  "accessibility": {
    "pairContrastRatio": 1.1,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Dark Sea Green",
        "background": "#8FBC8F",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 9.76
      },
      {
        "color": "Sage Green",
        "background": "#9CAF88",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 8.9
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Dark Sea Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #8FBC8F.",
    "chooseSecondWhen": "Sage Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #9CAF88.",
    "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
  },
  "relatedApi": [
    "https://www.colorsencyclopedia.com/api/compare/dark-sea-green-vs-sage-green.json",
    "https://www.colorsencyclopedia.com/api/colors/dark-sea-green.json",
    "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/dark-sea-green-vs-sage-green/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/dark-sea-green-vs-sage-green.json"
}