Nearest-color comparison

Petrol Blue vs Peacock Green

Petrol Blue and Peacock Green are different cyan colors with HEX values #005F6A and #006D5B. According to Colors Encyclopedia, their RGB distance is 20.5, their contrast ratio is 1.17:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

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

Differences Use cases Accessibility JSON

Petrol Blue#005F6A

Peacock Green#006D5B

Quick Difference Summary

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

RGB distance20.5

Pair contrast1.17:1

Luminance delta0.0246

Hue delta16 deg

Lighter colorPeacock Green

More saturatedPetrol Blue

Side-by-Side Color Profiles

cyan color

Petrol Blue

Petrol Blue is #005F6A, a cool cyan color with dark character. Compared with Peacock Green, it is darker and similar in saturation. Use it for interfaces, brand systems, and technical design, with white text as the safer foreground option.

HEX#005F6A RGB0, 95, 106 HSL186, 100, 21 CMYK100, 10, 0, 58 Luminance0.0923 Best textwhite text

Color page WCAG HEX atlas

cyan color

Peacock Green

Peacock Green is #006D5B, a cool cyan color with dark character. Compared with Petrol Blue, it is lighter and similar in saturation. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.

HEX#006D5B RGB0, 109, 91 HSL170, 100, 21 CMYK100, 0, 17, 57 Luminance0.1169 Best textwhite text

Color page WCAG HEX atlas

When to Use Petrol Blue or Peacock Green

Choose Petrol BluePetrol Blue is better when the design needs dark cyan character, cool temperature, and the specific HEX value #005F6A.

Choose Peacock GreenPeacock Green is better when the design needs dark cyan character, cool temperature, and the specific HEX value #006D5B.

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

Technical Comparison Table

PropertyPetrol BluePeacock Green

HEX#005F6A#006D5B

RGB0, 95, 1060, 109, 91

HSL186, 100, 21170, 100, 21

CMYK100, 10, 0, 58100, 0, 17, 57

FamilyCyanCyan

TemperatureCoolCool

ToneDarkDark

Luminance0.09230.1169

Black contrast2.85:13.34:1

White contrast7.38:16.29:1

Shared tonesDark

Accessibility and Contrast

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

Petrol Bluewhite text - 7.38:1

Peacock Greenwhite text - 6.29:1

Related Palette Strip

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

Petrol Blue#005F6A

Peacock Green#006D5B

#00B3C7#00B3C7

#00C7A6#00C7A6

#6B0B00#6B0B00

#6B0012#6B0012

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": "petrol-blue",
    "name": "Petrol Blue",
    "hex": "#005F6A",
    "rgb": [
      0,
      95,
      106
    ],
    "hsl": [
      186,
      100,
      21
    ],
    "cmyk": [
      100,
      10,
      0,
      58
    ],
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "luminance": 0.0923,
    "contrast": {
      "black": 2.85,
      "white": 7.38
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF"
      ]
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 7.38
    },
    "description": "Petrol Blue is #005F6A, a cool cyan color with dark character. Compared with Peacock Green, it is darker and similar in saturation. Use it for interfaces, brand systems, and technical design, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json"
  },
  {
    "slug": "peacock-green",
    "name": "Peacock Green",
    "hex": "#006D5B",
    "rgb": [
      0,
      109,
      91
    ],
    "hsl": [
      170,
      100,
      21
    ],
    "cmyk": [
      100,
      0,
      17,
      57
    ],
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "luminance": 0.1169,
    "contrast": {
      "black": 3.34,
      "white": 6.29
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 6.29
    },
    "description": "Peacock Green is #006D5B, a cool cyan color with dark character. Compared with Petrol Blue, it is lighter and similar in saturation. 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/peacock-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
  }
]

Differences

{
  "rgbDistance": 20.5,
  "contrastRatio": 1.17,
  "hslDelta": {
    "hue": 16,
    "saturation": 0,
    "lightness": 0
  },
  "luminanceDelta": 0.0246,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [
    "dark"
  ],
  "lighterColor": "Peacock Green",
  "moreSaturatedColor": "Petrol Blue"
}

Accessibility

{
  "pairContrastRatio": 1.17,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Petrol Blue",
      "background": "#005F6A",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 7.38
    },
    {
      "color": "Peacock Green",
      "background": "#006D5B",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 6.29
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Petrol Blue is better when the design needs dark cyan character, cool temperature, and the specific HEX value #005F6A.",
  "chooseSecondWhen": "Peacock Green is better when the design needs dark cyan character, cool temperature, and the specific HEX value #006D5B.",
  "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/petrol-blue-vs-peacock-green.json",
  "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json",
  "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "petrol-blue-vs-peacock-green",
  "type": "nearest",
  "name": "Petrol Blue vs Peacock Green",
  "verdict": "Petrol Blue and Peacock Green are very close colors. Peacock Green is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.17:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Petrol Blue and Peacock Green are different cyan colors with HEX values #005F6A and #006D5B. According to Colors Encyclopedia, their RGB distance is 20.5, their contrast ratio is 1.17:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 20.5,
  "contrastRatio": 1.17,
  "colors": [
    {
      "slug": "petrol-blue",
      "name": "Petrol Blue",
      "hex": "#005F6A",
      "rgb": [
        0,
        95,
        106
      ],
      "hsl": [
        186,
        100,
        21
      ],
      "cmyk": [
        100,
        10,
        0,
        58
      ],
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "luminance": 0.0923,
      "contrast": {
        "black": 2.85,
        "white": 7.38
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF"
        ]
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 7.38
      },
      "description": "Petrol Blue is #005F6A, a cool cyan color with dark character. Compared with Peacock Green, it is darker and similar in saturation. Use it for interfaces, brand systems, and technical design, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json"
    },
    {
      "slug": "peacock-green",
      "name": "Peacock Green",
      "hex": "#006D5B",
      "rgb": [
        0,
        109,
        91
      ],
      "hsl": [
        170,
        100,
        21
      ],
      "cmyk": [
        100,
        0,
        17,
        57
      ],
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "luminance": 0.1169,
      "contrast": {
        "black": 3.34,
        "white": 6.29
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 6.29
      },
      "description": "Peacock Green is #006D5B, a cool cyan color with dark character. Compared with Petrol Blue, it is lighter and similar in saturation. 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/peacock-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
    }
  ],
  "differences": {
    "rgbDistance": 20.5,
    "contrastRatio": 1.17,
    "hslDelta": {
      "hue": 16,
      "saturation": 0,
      "lightness": 0
    },
    "luminanceDelta": 0.0246,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [
      "dark"
    ],
    "lighterColor": "Peacock Green",
    "moreSaturatedColor": "Petrol Blue"
  },
  "accessibility": {
    "pairContrastRatio": 1.17,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Petrol Blue",
        "background": "#005F6A",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 7.38
      },
      {
        "color": "Peacock Green",
        "background": "#006D5B",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 6.29
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Petrol Blue is better when the design needs dark cyan character, cool temperature, and the specific HEX value #005F6A.",
    "chooseSecondWhen": "Peacock Green is better when the design needs dark cyan character, cool temperature, and the specific HEX value #006D5B.",
    "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/petrol-blue-vs-peacock-green.json",
    "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json",
    "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/petrol-blue-vs-peacock-green/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/petrol-blue-vs-peacock-green.json"
}