Nearest-color comparison

Shamrock vs Traffic Green

Shamrock and Traffic Green are different green colors with HEX values #009E60 and #008450. According to Colors Encyclopedia, their RGB distance is 30.5, their contrast ratio is 1.37:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

Shamrock and Traffic Green are visually related colors. Shamrock is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.37:1, so the pair is too low for text and better treated as a palette relationship.

Shamrock#009E60
Traffic Green#008450

Quick Difference Summary

The main measurable differences between Shamrock and Traffic Green across RGB distance, luminance, hue, saturation, and contrast.

RGB distance30.5
Pair contrast1.37:1
Luminance delta0.0822
Hue delta0 deg
Lighter colorShamrock
More saturatedShamrock

Side-by-Side Color Profiles

green color

Shamrock

Shamrock is #009E60, a cool green color with jewel tone character. Compared with Traffic Green, it is lighter and similar in saturation. Use it for natural palettes, wellness branding, and sustainability design, with black text as the safer foreground option.

HEX#009E60 RGB0, 158, 96 HSL156, 100, 31 CMYK100, 0, 39, 38 Luminance0.253 Best textblack text

green color

Traffic Green

Traffic Green is #008450, a cool green color with jewel tone character. Compared with Shamrock, it is darker and similar in saturation. Use it for industrial design, safety systems, and hardware palettes, with white text as the safer foreground option.

HEX#008450 RGB0, 132, 80 HSL156, 100, 26 CMYK100, 0, 39, 48 Luminance0.1708 Best textwhite text

When to Use Shamrock or Traffic Green

Choose ShamrockShamrock is better when the design needs jewel tone green character, cool temperature, and the specific HEX value #009E60.
Choose Traffic GreenTraffic Green is better when the design needs jewel tone green character, cool temperature, and the specific HEX value #008450.
Use togetherUse these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs.

Technical Comparison Table

PropertyShamrockTraffic Green
HEX#009E60#008450
RGB0, 158, 960, 132, 80
HSL156, 100, 31156, 100, 26
CMYK100, 0, 39, 38100, 0, 39, 48
FamilyGreenGreen
TemperatureCoolCool
ToneJewel ToneJewel Tone
Luminance0.2530.1708
Black contrast6.06:14.42:1
White contrast3.47:14.76:1
Shared tonesJewel Tone

Accessibility and Contrast

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

Shamrockblack text - 6.06:1
Traffic Greenwhite text - 4.76:1

Related Palette Strip

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

Shamrock#009E60
Traffic Green#008450
#00FA96#00FA96
#00E087#00E087
#9E003F#9E003F
#850035#850035

Machine-readable data

Machine-Readable Shamrock vs Traffic Green Data (JSON)

Structured comparison data for Shamrock and Traffic Green, 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": "shamrock",
    "name": "Shamrock",
    "hex": "#009E60",
    "rgb": [
      0,
      158,
      96
    ],
    "hsl": [
      156,
      100,
      31
    ],
    "cmyk": [
      100,
      0,
      39,
      38
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "jewel-tone"
    ],
    "luminance": 0.253,
    "contrast": {
      "black": 6.06,
      "white": 3.47
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#000000",
      "label": "black text",
      "ratio": 6.06
    },
    "description": "Shamrock is #009E60, a cool green color with jewel tone character. Compared with Traffic Green, it is lighter and similar in saturation. Use it for natural palettes, wellness branding, and sustainability design, with black text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/shamrock/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/shamrock.json"
  },
  {
    "slug": "traffic-green",
    "name": "Traffic Green",
    "hex": "#008450",
    "rgb": [
      0,
      132,
      80
    ],
    "hsl": [
      156,
      100,
      26
    ],
    "cmyk": [
      100,
      0,
      39,
      48
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "jewel-tone"
    ],
    "luminance": 0.1708,
    "contrast": {
      "black": 4.42,
      "white": 4.76
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 4.76
    },
    "description": "Traffic Green is #008450, a cool green color with jewel tone character. Compared with Shamrock, it is darker and similar in saturation. Use it for industrial design, safety systems, and hardware palettes, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/traffic-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/traffic-green.json"
  }
]
Differences
{
  "rgbDistance": 30.5,
  "contrastRatio": 1.37,
  "hslDelta": {
    "hue": 0,
    "saturation": 0,
    "lightness": 5
  },
  "luminanceDelta": 0.0822,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "jewel-tone"
  ],
  "lighterColor": "Shamrock",
  "moreSaturatedColor": "Shamrock"
}
Accessibility
{
  "pairContrastRatio": 1.37,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Shamrock",
      "background": "#009E60",
      "foreground": "#000000",
      "label": "black text",
      "ratio": 6.06
    },
    {
      "color": "Traffic Green",
      "background": "#008450",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 4.76
    }
  ]
}
Use cases
{
  "chooseFirstWhen": "Shamrock is better when the design needs jewel tone green character, cool temperature, and the specific HEX value #009E60.",
  "chooseSecondWhen": "Traffic Green is better when the design needs jewel tone green character, cool temperature, and the specific HEX value #008450.",
  "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/shamrock-vs-traffic-green.json",
  "https://www.colorsencyclopedia.com/api/colors/shamrock.json",
  "https://www.colorsencyclopedia.com/api/colors/traffic-green.json"
]
Full JSON dataset
{
  "datasetVersion": "1.0.0",
  "slug": "shamrock-vs-traffic-green",
  "type": "nearest",
  "name": "Shamrock vs Traffic Green",
  "verdict": "Shamrock and Traffic Green are visually related colors. Shamrock is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.37:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Shamrock and Traffic Green are different green colors with HEX values #009E60 and #008450. According to Colors Encyclopedia, their RGB distance is 30.5, their contrast ratio is 1.37:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 30.5,
  "contrastRatio": 1.37,
  "colors": [
    {
      "slug": "shamrock",
      "name": "Shamrock",
      "hex": "#009E60",
      "rgb": [
        0,
        158,
        96
      ],
      "hsl": [
        156,
        100,
        31
      ],
      "cmyk": [
        100,
        0,
        39,
        38
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "jewel-tone"
      ],
      "luminance": 0.253,
      "contrast": {
        "black": 6.06,
        "white": 3.47
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#000000",
        "label": "black text",
        "ratio": 6.06
      },
      "description": "Shamrock is #009E60, a cool green color with jewel tone character. Compared with Traffic Green, it is lighter and similar in saturation. Use it for natural palettes, wellness branding, and sustainability design, with black text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/shamrock/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/shamrock.json"
    },
    {
      "slug": "traffic-green",
      "name": "Traffic Green",
      "hex": "#008450",
      "rgb": [
        0,
        132,
        80
      ],
      "hsl": [
        156,
        100,
        26
      ],
      "cmyk": [
        100,
        0,
        39,
        48
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "jewel-tone"
      ],
      "luminance": 0.1708,
      "contrast": {
        "black": 4.42,
        "white": 4.76
      },
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 4.76
      },
      "description": "Traffic Green is #008450, a cool green color with jewel tone character. Compared with Shamrock, it is darker and similar in saturation. Use it for industrial design, safety systems, and hardware palettes, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/traffic-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/traffic-green.json"
    }
  ],
  "differences": {
    "rgbDistance": 30.5,
    "contrastRatio": 1.37,
    "hslDelta": {
      "hue": 0,
      "saturation": 0,
      "lightness": 5
    },
    "luminanceDelta": 0.0822,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "jewel-tone"
    ],
    "lighterColor": "Shamrock",
    "moreSaturatedColor": "Shamrock"
  },
  "accessibility": {
    "pairContrastRatio": 1.37,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Shamrock",
        "background": "#009E60",
        "foreground": "#000000",
        "label": "black text",
        "ratio": 6.06
      },
      {
        "color": "Traffic Green",
        "background": "#008450",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 4.76
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Shamrock is better when the design needs jewel tone green character, cool temperature, and the specific HEX value #009E60.",
    "chooseSecondWhen": "Traffic Green is better when the design needs jewel tone green character, cool temperature, and the specific HEX value #008450.",
    "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/shamrock-vs-traffic-green.json",
    "https://www.colorsencyclopedia.com/api/colors/shamrock.json",
    "https://www.colorsencyclopedia.com/api/colors/traffic-green.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/shamrock-vs-traffic-green/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/shamrock-vs-traffic-green.json"
}