Nearest-color comparison

Cactus Green vs Storm Blue

Cactus Green and Storm Blue are different green and cyan colors with HEX values #587156 and #4F666A. According to Colors Encyclopedia, their RGB distance is 24.5, their contrast ratio is 1.14:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Cactus Green#587156
Storm Blue#4F666A

Quick Difference Summary

The main measurable differences between Cactus Green and Storm Blue across RGB distance, luminance, hue, saturation, and contrast.

RGB distance24.5
Pair contrast1.14:1
Luminance delta0.0235
Hue delta73 deg
Lighter colorCactus Green
More saturatedStorm Blue

Side-by-Side Color Profiles

green color

Cactus Green

Cactus Green is #587156, a cool green color with muted and earth tone character. Compared with Storm Blue, it is lighter and less saturated. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.

HEX#587156 RGB88, 113, 86 HSL116, 14, 39 CMYK22, 0, 24, 56 Luminance0.1456 Best textwhite text

cyan color

Storm Blue

Storm Blue is #4F666A, a cool cyan color with muted character. Compared with Cactus Green, it is darker and more saturated. Use it for interfaces, brand systems, and technical design, with white text as the safer foreground option.

HEX#4F666A RGB79, 102, 106 HSL189, 15, 36 CMYK25, 4, 0, 58 Luminance0.1221 Best textwhite text

When to Use Cactus Green or Storm Blue

Choose Cactus GreenCactus Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #587156.
Choose Storm BlueStorm Blue is better when the design needs muted cyan character, cool temperature, and the specific HEX value #4F666A.
Use togetherUse these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs.

Technical Comparison Table

PropertyCactus GreenStorm Blue
HEX#587156#4F666A
RGB88, 113, 8679, 102, 106
HSL116, 14, 39189, 15, 36
CMYK22, 0, 24, 5625, 4, 0, 58
FamilyGreenCyan
TemperatureCoolCool
ToneMuted, Earth ToneMuted
Luminance0.14560.1221
Black contrast3.91:13.44:1
White contrast5.37:16.1:1
Shared tonesMuted

Accessibility and Contrast

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

Cactus Greenwhite text - 5.37:1
Storm Bluewhite text - 6.1:1

Related Palette Strip

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

Cactus Green#587156
Storm Blue#4F666A
#84A182#84A182
#78969B#78969B
#705671#705671
#6A524E#6A524E

Machine-readable data

Machine-Readable Cactus Green vs Storm Blue Data (JSON)

Structured comparison data for Cactus Green and Storm Blue, including color systems, RGB distance, HSL deltas, contrast, accessibility guidance, use cases, and API links.

AI-Ready Dataset v1.0.0
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
Download JSON Open API
Structured sections
Colors
[
  {
    "slug": "cactus-green",
    "name": "Cactus Green",
    "hex": "#587156",
    "rgb": [
      88,
      113,
      86
    ],
    "hsl": [
      116,
      14,
      39
    ],
    "cmyk": [
      22,
      0,
      24,
      56
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "luminance": 0.1456,
    "contrast": {
      "black": 3.91,
      "white": 5.37
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 5.37
    },
    "description": "Cactus Green is #587156, a cool green color with muted and earth tone character. Compared with Storm Blue, it is lighter and less saturated. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/cactus-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cactus-green.json"
  },
  {
    "slug": "storm-blue",
    "name": "Storm Blue",
    "hex": "#4F666A",
    "rgb": [
      79,
      102,
      106
    ],
    "hsl": [
      189,
      15,
      36
    ],
    "cmyk": [
      25,
      4,
      0,
      58
    ],
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "muted"
    ],
    "luminance": 0.1221,
    "contrast": {
      "black": 3.44,
      "white": 6.1
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 6.1
    },
    "description": "Storm Blue is #4F666A, a cool cyan color with muted character. Compared with Cactus Green, it is darker and more saturated. Use it for interfaces, brand systems, and technical design, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/storm-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
  }
]
Differences
{
  "rgbDistance": 24.5,
  "contrastRatio": 1.14,
  "hslDelta": {
    "hue": 73,
    "saturation": 1,
    "lightness": 3
  },
  "luminanceDelta": 0.0235,
  "sameFamily": false,
  "sameTemperature": true,
  "sharedTones": [
    "muted"
  ],
  "lighterColor": "Cactus Green",
  "moreSaturatedColor": "Storm Blue"
}
Accessibility
{
  "pairContrastRatio": 1.14,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Cactus Green",
      "background": "#587156",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 5.37
    },
    {
      "color": "Storm Blue",
      "background": "#4F666A",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 6.1
    }
  ]
}
Use cases
{
  "chooseFirstWhen": "Cactus Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #587156.",
  "chooseSecondWhen": "Storm Blue is better when the design needs muted cyan character, cool temperature, and the specific HEX value #4F666A.",
  "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/cactus-green-vs-storm-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/cactus-green.json",
  "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
]
Full JSON dataset
{
  "datasetVersion": "1.0.0",
  "slug": "cactus-green-vs-storm-blue",
  "type": "nearest",
  "name": "Cactus Green vs Storm Blue",
  "verdict": "Cactus Green and Storm Blue are very close colors. Cactus Green is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.14:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Cactus Green and Storm Blue are different green and cyan colors with HEX values #587156 and #4F666A. According to Colors Encyclopedia, their RGB distance is 24.5, their contrast ratio is 1.14:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 24.5,
  "contrastRatio": 1.14,
  "colors": [
    {
      "slug": "cactus-green",
      "name": "Cactus Green",
      "hex": "#587156",
      "rgb": [
        88,
        113,
        86
      ],
      "hsl": [
        116,
        14,
        39
      ],
      "cmyk": [
        22,
        0,
        24,
        56
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "luminance": 0.1456,
      "contrast": {
        "black": 3.91,
        "white": 5.37
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 5.37
      },
      "description": "Cactus Green is #587156, a cool green color with muted and earth tone character. Compared with Storm Blue, it is lighter and less saturated. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/cactus-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cactus-green.json"
    },
    {
      "slug": "storm-blue",
      "name": "Storm Blue",
      "hex": "#4F666A",
      "rgb": [
        79,
        102,
        106
      ],
      "hsl": [
        189,
        15,
        36
      ],
      "cmyk": [
        25,
        4,
        0,
        58
      ],
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "luminance": 0.1221,
      "contrast": {
        "black": 3.44,
        "white": 6.1
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 6.1
      },
      "description": "Storm Blue is #4F666A, a cool cyan color with muted character. Compared with Cactus Green, it is darker and more saturated. Use it for interfaces, brand systems, and technical design, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/storm-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
    }
  ],
  "differences": {
    "rgbDistance": 24.5,
    "contrastRatio": 1.14,
    "hslDelta": {
      "hue": 73,
      "saturation": 1,
      "lightness": 3
    },
    "luminanceDelta": 0.0235,
    "sameFamily": false,
    "sameTemperature": true,
    "sharedTones": [
      "muted"
    ],
    "lighterColor": "Cactus Green",
    "moreSaturatedColor": "Storm Blue"
  },
  "accessibility": {
    "pairContrastRatio": 1.14,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Cactus Green",
        "background": "#587156",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 5.37
      },
      {
        "color": "Storm Blue",
        "background": "#4F666A",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 6.1
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Cactus Green is better when the design needs muted and earth tone green character, cool temperature, and the specific HEX value #587156.",
    "chooseSecondWhen": "Storm Blue is better when the design needs muted cyan character, cool temperature, and the specific HEX value #4F666A.",
    "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/cactus-green-vs-storm-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/cactus-green.json",
    "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/cactus-green-vs-storm-blue/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/cactus-green-vs-storm-blue.json"
}