Colors Encyclopedia

Color family

Cyan Colors

Cyan colors range across 35 named swatches, including Celeste, Duck Egg Blue, and Electric Blue. According to Colors Encyclopedia, this family is mainly organized around balanced groups with HEX values, temperature labels, popularity scores, and accessibility data.

Tone groups
Balanced 13Muted 7Vibrant 6Pastel 5Dark 4Light 4Bright 1
Explore
Filter in Color ExplorerNamed ColorsAll Families
35named colors
Cooldominant temperature
7tone groups

Popular Cyan Colors

The most useful cyan colors for design systems, palettes, interfaces, and accessibility checks.

Celeste#B2FFFFcyan · cool · pastelDuck Egg Blue#C3FBF4cyan · cool · light, pastelElectric Blue#7DF9FFcyan · cool · pastelMoonstone#D9E6E8cyan · cool · lightOxidized Copper#6E7F80cyan · cool · mutedPeacock Blue#005F69cyan · cool · darkPeacock Green#006D5Bcyan · cool · darkPetrol Blue#005F6Acyan · cool · darkPine Green#01796Fcyan · cool · darkRobin Egg Blue#00CCCCcyan · cool · vibrantSpruce#2E4F4Fcyan · cool · mutedStorm Blue#4F666Acyan · cool · muted

Machine-readable data

Machine-Readable Cyan Color Family (JSON)

Structured cyan color family data with tone groups, semantic groups, popular colors, WCAG metadata, and API links for AI ingestion.

AI-Ready Dataset v1.0.0
familyCanonical color family slug
countNumber of named colors
dominantTemperatureMost common temperature group
toneGroupsIn-page tone clusters
semanticGroupsAI-readable family labels
popularColorsHighest-priority color records
Download JSON Open API
Structured sections
Family
{
  "family": "cyan",
  "label": "Cyan Colors",
  "count": 35,
  "dominantTemperature": "cool"
}
Tone groups
[
  {
    "tone": "balanced",
    "count": 13,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  },
  {
    "tone": "muted",
    "count": 7,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  },
  {
    "tone": "vibrant",
    "count": 6,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  },
  {
    "tone": "pastel",
    "count": 5,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  },
  {
    "tone": "dark",
    "count": 4,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  },
  {
    "tone": "light",
    "count": 4,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  },
  {
    "tone": "bright",
    "count": 1,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
  }
]
Semantic groups
[
  "cyan color family",
  "cyan colors",
  "cool cyan colors",
  "balanced cyan colors",
  "muted cyan colors",
  "vibrant cyan colors",
  "pastel cyan colors",
  "dark cyan colors",
  "light cyan colors"
]
Popular colors
[
  {
    "slug": "celeste",
    "name": "Celeste",
    "hex": "#B2FFFF",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "pastel"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/celeste/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/celeste.json"
  },
  {
    "slug": "duck-egg-blue",
    "name": "Duck Egg Blue",
    "hex": "#C3FBF4",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "light",
      "pastel"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/duck-egg-blue.json"
  },
  {
    "slug": "electric-blue",
    "name": "Electric Blue",
    "hex": "#7DF9FF",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "pastel"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/electric-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/electric-blue.json"
  },
  {
    "slug": "moonstone",
    "name": "Moonstone",
    "hex": "#D9E6E8",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "light"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/moonstone/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/moonstone.json"
  },
  {
    "slug": "oxidized-copper",
    "name": "Oxidized Copper",
    "hex": "#6E7F80",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "muted"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/oxidized-copper/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/oxidized-copper.json"
  },
  {
    "slug": "peacock-blue",
    "name": "Peacock Blue",
    "hex": "#005F69",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/peacock-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-blue.json"
  },
  {
    "slug": "peacock-green",
    "name": "Peacock Green",
    "hex": "#006D5B",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/peacock-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
  },
  {
    "slug": "petrol-blue",
    "name": "Petrol Blue",
    "hex": "#005F6A",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json"
  },
  {
    "slug": "pine-green",
    "name": "Pine Green",
    "hex": "#01796F",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/pine-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pine-green.json"
  },
  {
    "slug": "robin-egg-blue",
    "name": "Robin Egg Blue",
    "hex": "#00CCCC",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/robin-egg-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/robin-egg-blue.json"
  },
  {
    "slug": "spruce",
    "name": "Spruce",
    "hex": "#2E4F4F",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "muted"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/spruce/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/spruce.json"
  },
  {
    "slug": "storm-blue",
    "name": "Storm Blue",
    "hex": "#4F666A",
    "family": "cyan",
    "temperature": "cool",
    "tone": [
      "muted"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/storm-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
  }
]
Full JSON dataset 
{
  "datasetVersion": "1.0.0",
  "family": "cyan",
  "label": "Cyan Colors",
  "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/cyan.json",
  "count": 35,
  "dominantTemperature": "cool",
  "temperatureGroups": [
    {
      "temperature": "cool",
      "count": 35
    }
  ],
  "toneGroups": [
    {
      "tone": "balanced",
      "count": 13,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    },
    {
      "tone": "muted",
      "count": 7,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    },
    {
      "tone": "vibrant",
      "count": 6,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    },
    {
      "tone": "pastel",
      "count": 5,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    },
    {
      "tone": "dark",
      "count": 4,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    },
    {
      "tone": "light",
      "count": 4,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    },
    {
      "tone": "bright",
      "count": 1,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
    }
  ],
  "semanticGroups": [
    "cyan color family",
    "cyan colors",
    "cool cyan colors",
    "balanced cyan colors",
    "muted cyan colors",
    "vibrant cyan colors",
    "pastel cyan colors",
    "dark cyan colors",
    "light cyan colors"
  ],
  "popularColors": [
    {
      "slug": "celeste",
      "name": "Celeste",
      "hex": "#B2FFFF",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "pastel"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/celeste/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/celeste.json"
    },
    {
      "slug": "duck-egg-blue",
      "name": "Duck Egg Blue",
      "hex": "#C3FBF4",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "light",
        "pastel"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/duck-egg-blue.json"
    },
    {
      "slug": "electric-blue",
      "name": "Electric Blue",
      "hex": "#7DF9FF",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "pastel"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/electric-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/electric-blue.json"
    },
    {
      "slug": "moonstone",
      "name": "Moonstone",
      "hex": "#D9E6E8",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "light"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/moonstone/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/moonstone.json"
    },
    {
      "slug": "oxidized-copper",
      "name": "Oxidized Copper",
      "hex": "#6E7F80",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/oxidized-copper/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/oxidized-copper.json"
    },
    {
      "slug": "peacock-blue",
      "name": "Peacock Blue",
      "hex": "#005F69",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/peacock-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-blue.json"
    },
    {
      "slug": "peacock-green",
      "name": "Peacock Green",
      "hex": "#006D5B",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/peacock-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
    },
    {
      "slug": "petrol-blue",
      "name": "Petrol Blue",
      "hex": "#005F6A",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json"
    },
    {
      "slug": "pine-green",
      "name": "Pine Green",
      "hex": "#01796F",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/pine-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pine-green.json"
    },
    {
      "slug": "robin-egg-blue",
      "name": "Robin Egg Blue",
      "hex": "#00CCCC",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/robin-egg-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/robin-egg-blue.json"
    },
    {
      "slug": "spruce",
      "name": "Spruce",
      "hex": "#2E4F4F",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/spruce/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/spruce.json"
    },
    {
      "slug": "storm-blue",
      "name": "Storm Blue",
      "hex": "#4F666A",
      "family": "cyan",
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/storm-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
    }
  ],
  "colors": [
    {
      "slug": "celeste",
      "name": "Celeste",
      "hex": "#B2FFFF",
      "rgb": [
        178,
        255,
        255
      ],
      "hsl": [
        180,
        100,
        85
      ],
      "cmyk": [
        30,
        0,
        0,
        0
      ],
      "temperature": "cool",
      "tone": [
        "pastel"
      ],
      "popularity": 84,
      "luminance": 0.882,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/celeste/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/celeste.json"
    },
    {
      "slug": "duck-egg-blue",
      "name": "Duck Egg Blue",
      "hex": "#C3FBF4",
      "rgb": [
        195,
        251,
        244
      ],
      "hsl": [
        173,
        88,
        87
      ],
      "cmyk": [
        22,
        0,
        3,
        2
      ],
      "temperature": "cool",
      "tone": [
        "light",
        "pastel"
      ],
      "popularity": 84,
      "luminance": 0.8713,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/duck-egg-blue.json"
    },
    {
      "slug": "electric-blue",
      "name": "Electric Blue",
      "hex": "#7DF9FF",
      "rgb": [
        125,
        249,
        255
      ],
      "hsl": [
        183,
        100,
        75
      ],
      "cmyk": [
        51,
        2,
        0,
        0
      ],
      "temperature": "cool",
      "tone": [
        "pastel"
      ],
      "popularity": 84,
      "luminance": 0.7933,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/electric-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/electric-blue.json"
    },
    {
      "slug": "moonstone",
      "name": "Moonstone",
      "hex": "#D9E6E8",
      "rgb": [
        217,
        230,
        232
      ],
      "hsl": [
        188,
        25,
        88
      ],
      "cmyk": [
        6,
        1,
        0,
        9
      ],
      "temperature": "cool",
      "tone": [
        "light"
      ],
      "popularity": 84,
      "luminance": 0.7717,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/moonstone/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/moonstone.json"
    },
    {
      "slug": "oxidized-copper",
      "name": "Oxidized Copper",
      "hex": "#6E7F80",
      "rgb": [
        110,
        127,
        128
      ],
      "hsl": [
        183,
        8,
        47
      ],
      "cmyk": [
        14,
        1,
        0,
        50
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "luminance": 0.2005,
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/oxidized-copper/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/oxidized-copper.json"
    },
    {
      "slug": "peacock-blue",
      "name": "Peacock Blue",
      "hex": "#005F69",
      "rgb": [
        0,
        95,
        105
      ],
      "hsl": [
        186,
        100,
        21
      ],
      "cmyk": [
        100,
        10,
        0,
        59
      ],
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "luminance": 0.092,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/peacock-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-blue.json"
    },
    {
      "slug": "peacock-green",
      "name": "Peacock Green",
      "hex": "#006D5B",
      "rgb": [
        0,
        109,
        91
      ],
      "hsl": [
        170,
        100,
        21
      ],
      "cmyk": [
        100,
        0,
        17,
        57
      ],
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "luminance": 0.1169,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/peacock-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
    },
    {
      "slug": "petrol-blue",
      "name": "Petrol Blue",
      "hex": "#005F6A",
      "rgb": [
        0,
        95,
        106
      ],
      "hsl": [
        186,
        100,
        21
      ],
      "cmyk": [
        100,
        10,
        0,
        58
      ],
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "luminance": 0.0923,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json"
    },
    {
      "slug": "pine-green",
      "name": "Pine Green",
      "hex": "#01796F",
      "rgb": [
        1,
        121,
        111
      ],
      "hsl": [
        175,
        98,
        24
      ],
      "cmyk": [
        99,
        0,
        8,
        53
      ],
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "popularity": 84,
      "luminance": 0.1483,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/pine-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pine-green.json"
    },
    {
      "slug": "robin-egg-blue",
      "name": "Robin Egg Blue",
      "hex": "#00CCCC",
      "rgb": [
        0,
        204,
        204
      ],
      "hsl": [
        180,
        100,
        40
      ],
      "cmyk": [
        100,
        0,
        0,
        20
      ],
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "popularity": 84,
      "luminance": 0.4755,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/robin-egg-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/robin-egg-blue.json"
    },
    {
      "slug": "spruce",
      "name": "Spruce",
      "hex": "#2E4F4F",
      "rgb": [
        46,
        79,
        79
      ],
      "hsl": [
        180,
        26,
        25
      ],
      "cmyk": [
        42,
        0,
        0,
        69
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "luminance": 0.0674,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/spruce/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/spruce.json"
    },
    {
      "slug": "storm-blue",
      "name": "Storm Blue",
      "hex": "#4F666A",
      "rgb": [
        79,
        102,
        106
      ],
      "hsl": [
        189,
        15,
        36
      ],
      "cmyk": [
        25,
        4,
        0,
        58
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "luminance": 0.1221,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/storm-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
    },
    {
      "slug": "tourmaline",
      "name": "Tourmaline",
      "hex": "#86A1A9",
      "rgb": [
        134,
        161,
        169
      ],
      "hsl": [
        194,
        17,
        59
      ],
      "cmyk": [
        21,
        5,
        0,
        34
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "luminance": 0.3342,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/tourmaline/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/tourmaline.json"
    },
    {
      "slug": "aquamarine-blue",
      "name": "Aquamarine Blue",
      "hex": "#6BCAE2",
      "rgb": [
        107,
        202,
        226
      ],
      "hsl": [
        192,
        67,
        65
      ],
      "cmyk": [
        53,
        11,
        0,
        11
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.5086,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/aquamarine-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/aquamarine-blue.json"
    },
    {
      "slug": "manganese-blue",
      "name": "Manganese Blue",
      "hex": "#03A89E",
      "rgb": [
        3,
        168,
        158
      ],
      "hsl": [
        176,
        96,
        34
      ],
      "cmyk": [
        98,
        0,
        6,
        34
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.3049,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/manganese-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/manganese-blue.json"
    },
    {
      "slug": "pastel-aqua",
      "name": "Pastel Aqua",
      "hex": "#B8E8E0",
      "rgb": [
        184,
        232,
        224
      ],
      "hsl": [
        170,
        51,
        82
      ],
      "cmyk": [
        21,
        0,
        3,
        9
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.7329,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/pastel-aqua/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-aqua.json"
    },
    {
      "slug": "pastel-teal",
      "name": "Pastel Teal",
      "hex": "#9FD8D2",
      "rgb": [
        159,
        216,
        210
      ],
      "hsl": [
        174,
        42,
        74
      ],
      "cmyk": [
        26,
        0,
        3,
        15
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.6114,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/pastel-teal/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-teal.json"
    },
    {
      "slug": "peacock-teal",
      "name": "Peacock Teal",
      "hex": "#00827F",
      "rgb": [
        0,
        130,
        127
      ],
      "hsl": [
        179,
        100,
        25
      ],
      "cmyk": [
        100,
        0,
        2,
        49
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.175,
      "wcag": {
        "AA": [
          "#000000",
          "#FFFFFF"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/peacock-teal/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-teal.json"
    },
    {
      "slug": "persian-green",
      "name": "Persian Green",
      "hex": "#00A693",
      "rgb": [
        0,
        166,
        147
      ],
      "hsl": [
        173,
        100,
        33
      ],
      "cmyk": [
        100,
        0,
        11,
        35
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.2938,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/persian-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/persian-green.json"
    },
    {
      "slug": "verdigris",
      "name": "Verdigris",
      "hex": "#43B3AE",
      "rgb": [
        67,
        179,
        174
      ],
      "hsl": [
        177,
        46,
        48
      ],
      "cmyk": [
        63,
        0,
        3,
        30
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 80,
      "luminance": 0.3649,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/verdigris/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/verdigris.json"
    },
    {
      "slug": "turquoise",
      "name": "Turquoise",
      "hex": "#40E0D0",
      "rgb": [
        64,
        224,
        208
      ],
      "hsl": [
        174,
        72,
        56
      ],
      "cmyk": [
        71,
        0,
        7,
        12
      ],
      "temperature": "cool",
      "tone": [
        "bright",
        "vibrant"
      ],
      "popularity": 69,
      "luminance": 0.5896,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/turquoise/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/turquoise.json"
    },
    {
      "slug": "aqua",
      "name": "Aqua",
      "hex": "#00FFFF",
      "rgb": [
        0,
        255,
        255
      ],
      "hsl": [
        180,
        100,
        50
      ],
      "cmyk": [
        100,
        0,
        0,
        0
      ],
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "popularity": 67,
      "luminance": 0.7874,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/aqua/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/aqua.json"
    },
    {
      "slug": "azure",
      "name": "Azure",
      "hex": "#F0FFFF",
      "rgb": [
        240,
        255,
        255
      ],
      "hsl": [
        180,
        100,
        97
      ],
      "cmyk": [
        6,
        0,
        0,
        0
      ],
      "temperature": "cool",
      "tone": [
        "light",
        "pastel"
      ],
      "popularity": 67,
      "luminance": 0.9727,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/azure/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/azure.json"
    },
    {
      "slug": "cadet-blue",
      "name": "Cadet Blue",
      "hex": "#5F9EA0",
      "rgb": [
        95,
        158,
        160
      ],
      "hsl": [
        182,
        25,
        50
      ],
      "cmyk": [
        41,
        1,
        0,
        37
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 67,
      "luminance": 0.2942,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/cadet-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadet-blue.json"
    },
    {
      "slug": "cyan",
      "name": "Cyan",
      "hex": "#00FFFF",
      "rgb": [
        0,
        255,
        255
      ],
      "hsl": [
        180,
        100,
        50
      ],
      "cmyk": [
        100,
        0,
        0,
        0
      ],
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "popularity": 67,
      "luminance": 0.7874,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/cyan/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/cyan.json"
    },
    {
      "slug": "dark-slate-gray",
      "name": "Dark Slate Gray",
      "hex": "#2F4F4F",
      "rgb": [
        47,
        79,
        79
      ],
      "hsl": [
        180,
        25,
        25
      ],
      "cmyk": [
        41,
        0,
        0,
        69
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 67,
      "luminance": 0.0676,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/dark-slate-gray/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-slate-gray.json"
    },
    {
      "slug": "dark-slate-grey",
      "name": "Dark Slate Grey",
      "hex": "#2F4F4F",
      "rgb": [
        47,
        79,
        79
      ],
      "hsl": [
        180,
        25,
        25
      ],
      "cmyk": [
        41,
        0,
        0,
        69
      ],
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "popularity": 67,
      "luminance": 0.0676,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/dark-slate-grey/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-slate-grey.json"
    },
    {
      "slug": "dark-turquoise",
      "name": "Dark Turquoise",
      "hex": "#00CED1",
      "rgb": [
        0,
        206,
        209
      ],
      "hsl": [
        181,
        100,
        41
      ],
      "cmyk": [
        100,
        1,
        0,
        18
      ],
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "popularity": 67,
      "luminance": 0.4875,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/dark-turquoise/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-turquoise.json"
    },
    {
      "slug": "light-cyan",
      "name": "Light Cyan",
      "hex": "#E0FFFF",
      "rgb": [
        224,
        255,
        255
      ],
      "hsl": [
        180,
        100,
        94
      ],
      "cmyk": [
        12,
        0,
        0,
        0
      ],
      "temperature": "cool",
      "tone": [
        "light",
        "pastel"
      ],
      "popularity": 67,
      "luminance": 0.9459,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/light-cyan/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-cyan.json"
    },
    {
      "slug": "teal",
      "name": "Teal",
      "hex": "#008080",
      "rgb": [
        0,
        128,
        128
      ],
      "hsl": [
        180,
        100,
        25
      ],
      "cmyk": [
        100,
        0,
        0,
        50
      ],
      "temperature": "cool",
      "tone": [
        "balanced",
        "vibrant"
      ],
      "popularity": 65,
      "luminance": 0.17,
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/teal/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/teal.json"
    },
    {
      "slug": "dark-cyan",
      "name": "Dark Cyan",
      "hex": "#008B8B",
      "rgb": [
        0,
        139,
        139
      ],
      "hsl": [
        180,
        100,
        27
      ],
      "cmyk": [
        100,
        0,
        0,
        45
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 63,
      "luminance": 0.2033,
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      },
      "url": "https://www.colorsencyclopedia.com/colors/dark-cyan/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-cyan.json"
    },
    {
      "slug": "light-sea-green",
      "name": "Light Sea Green",
      "hex": "#20B2AA",
      "rgb": [
        32,
        178,
        170
      ],
      "hsl": [
        177,
        70,
        41
      ],
      "cmyk": [
        82,
        0,
        4,
        30
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 63,
      "luminance": 0.3505,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/light-sea-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-sea-green.json"
    },
    {
      "slug": "medium-turquoise",
      "name": "Medium Turquoise",
      "hex": "#48D1CC",
      "rgb": [
        72,
        209,
        204
      ],
      "hsl": [
        178,
        60,
        55
      ],
      "cmyk": [
        66,
        0,
        2,
        18
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 63,
      "luminance": 0.5134,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/medium-turquoise/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-turquoise.json"
    },
    {
      "slug": "pale-turquoise",
      "name": "Pale Turquoise",
      "hex": "#AFEEEE",
      "rgb": [
        175,
        238,
        238
      ],
      "hsl": [
        180,
        65,
        81
      ],
      "cmyk": [
        26,
        0,
        0,
        7
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 63,
      "luminance": 0.7644,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/pale-turquoise/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/pale-turquoise.json"
    },
    {
      "slug": "powder-blue",
      "name": "Powder Blue",
      "hex": "#B0E0E6",
      "rgb": [
        176,
        224,
        230
      ],
      "hsl": [
        187,
        52,
        80
      ],
      "cmyk": [
        23,
        3,
        0,
        10
      ],
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "popularity": 63,
      "luminance": 0.6825,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/powder-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/powder-blue.json"
    }
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Browse Cyan by Tone

Open a tone group to narrow the family without scanning every swatch at once.

Balanced13 colors
Aquamarine Bluecyan · popularity 80 #6BCAE2 Manganese Bluecyan · popularity 80 #03A89E Pastel Aquacyan · popularity 80 #B8E8E0 Pastel Tealcyan · popularity 80 #9FD8D2 Peacock Tealcyan · popularity 80 #00827F Persian Greencyan · popularity 80 #00A693 Verdigriscyan · popularity 80 #43B3AE Tealcyan · popularity 65 #008080 Dark Cyancyan · popularity 63 #008B8B Light Sea Greencyan · popularity 63 #20B2AA Medium Turquoisecyan · popularity 63 #48D1CC Pale Turquoisecyan · popularity 63 #AFEEEE Powder Bluecyan · popularity 63 #B0E0E6
Muted7 colors
Oxidized Coppercyan · popularity 84 #6E7F80 Sprucecyan · popularity 84 #2E4F4F Storm Bluecyan · popularity 84 #4F666A Tourmalinecyan · popularity 84 #86A1A9 Cadet Bluecyan · popularity 67 #5F9EA0 Dark Slate Graycyan · popularity 67 #2F4F4F Dark Slate Greycyan · popularity 67 #2F4F4F
Vibrant6 colors
Robin Egg Bluecyan · popularity 84 #00CCCC Turquoisecyan · popularity 69 #40E0D0 Aquacyan · popularity 67 #00FFFF Cyancyan · popularity 67 #00FFFF Dark Turquoisecyan · popularity 67 #00CED1 Tealcyan · popularity 65 #008080
Pastel5 colors
Celestecyan · popularity 84 #B2FFFF Duck Egg Bluecyan · popularity 84 #C3FBF4 Electric Bluecyan · popularity 84 #7DF9FF Azurecyan · popularity 67 #F0FFFF Light Cyancyan · popularity 67 #E0FFFF
Dark4 colors
Peacock Bluecyan · popularity 84 #005F69 Peacock Greencyan · popularity 84 #006D5B Petrol Bluecyan · popularity 84 #005F6A Pine Greencyan · popularity 84 #01796F
Light4 colors
Duck Egg Bluecyan · popularity 84 #C3FBF4 Moonstonecyan · popularity 84 #D9E6E8 Azurecyan · popularity 67 #F0FFFF Light Cyancyan · popularity 67 #E0FFFF
Bright1 colors
Turquoisecyan · popularity 69 #40E0D0

Cyan Color Index

This family contains 35 editorial colors. Use the tone groups above for the full in-page list, or continue in the filtered explorer when you need search, WCAG, luminance, saturation, and popularity controls.

CelesteDuck Egg BlueElectric BlueMoonstoneOxidized CopperPeacock BluePeacock GreenPetrol BluePine GreenRobin Egg BlueSpruceStorm Blue
Open filtered explorerOpen all named colors

Related Cyan Color Guides

Filter Cyan colorsUse search, WCAG, luminance, saturation, and popularity filters.Cyan family JSONOpen the machine-readable cyan family dataset.All color familiesCompare this family with every named color family.Cyan palettesBrowse generated and curated palettes that can include cyan color values.Balanced colorsExplore balanced colors across every family.Muted colorsExplore muted colors across every family.Vibrant colorsExplore vibrant colors across every family.Pastel colorsExplore pastel colors across every family.