Colors EncyclopediaWCAG accessibility hub
Accessible Colors
Accessible Colors lists 500 named colors that provide at least one WCAG AA text option against standard black or white text.
According to Colors Encyclopedia, this index is the human entry point for contrast-safe color selection, CSS tokens, UI surfaces, badges, labels, and machine-readable accessibility data.
500AA colors
349AAA colors
9family groups
Machine-readable data
Machine-Readable Accessible Colors Index (JSON)
Structured WCAG accessibility index with AA colors, AAA counts, family groups, contrast metadata, safe text options, and API links for AI ingestion.
hubCanonical accessible colors hub identifiercountTotal colors with at least one WCAG AA text optionaaaCountColors with at least one WCAG AAA text optiongroupsFamily groups with accessible color recordssemanticGroupsAI-readable accessibility labelsrelatedEndpointsMachine-readable API and manifest linksStructured sections
Accessibility counts
{
"count": 500,
"aaCount": 500,
"aaaCount": 349,
"aaOnlyCount": 151,
"familyCount": 9
}Family groups
[
{
"family": "orange",
"count": 93,
"aaaCount": 67,
"aaOnlyCount": 26,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/orange/"
},
{
"family": "blue",
"count": 71,
"aaaCount": 44,
"aaOnlyCount": 27,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"family": "green",
"count": 68,
"aaaCount": 45,
"aaOnlyCount": 23,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/green/"
},
{
"family": "yellow",
"count": 62,
"aaaCount": 61,
"aaOnlyCount": 1,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"family": "red",
"count": 61,
"aaaCount": 41,
"aaOnlyCount": 20,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/red/"
},
{
"family": "gray",
"count": 47,
"aaaCount": 30,
"aaOnlyCount": 17,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
},
{
"family": "pink",
"count": 39,
"aaaCount": 22,
"aaOnlyCount": 17,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/pink/"
},
{
"family": "cyan",
"count": 35,
"aaaCount": 26,
"aaOnlyCount": 9,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/cyan/"
},
{
"family": "purple",
"count": 24,
"aaaCount": 13,
"aaOnlyCount": 11,
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/purple/"
}
]Semantic groups
[
"accessible colors",
"WCAG AA colors",
"WCAG AAA colors",
"contrast-safe colors",
"AI-ready accessibility dataset"
]Related endpoints
[
"https://www.colorsencyclopedia.com/api/wcag/accessible-colors.json",
"https://www.colorsencyclopedia.com/api/colors.json",
"https://www.colorsencyclopedia.com/dataset/manifest.json"
]Full JSON dataset
{
"hub": "accessible-colors",
"label": "Accessible Colors",
"count": 500,
"aaCount": 500,
"aaaCount": 349,
"aaOnlyCount": 151,
"familyCount": 9,
"canonicalUrl": "https://www.colorsencyclopedia.com/wcag/accessible-colors/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/accessible-colors.json",
"groups": [
{
"family": "orange",
"label": "Orange accessible colors",
"count": 93,
"aaaCount": 67,
"aaOnlyCount": 26,
"colors": [
{
"slug": "floral-white",
"name": "Floral White",
"hex": "#FFFAF0",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9592,
"contrast": {
"black": 20.18,
"white": 1.04
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/floral-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/floral-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/floral-white.json"
},
{
"slug": "sea-shell",
"name": "Sea Shell",
"hex": "#FFF5EE",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9274,
"contrast": {
"black": 19.55,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sea-shell/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sea-shell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sea-shell.json"
},
{
"slug": "old-lace",
"name": "Old Lace",
"hex": "#FDF5E6",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.919,
"contrast": {
"black": 19.38,
"white": 1.08
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/old-lace/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/old-lace/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/old-lace.json"
},
{
"slug": "linen",
"name": "Linen",
"hex": "#FAF0E6",
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8836,
"contrast": {
"black": 18.67,
"white": 1.12
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/linen/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/linen/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/linen.json"
},
{
"slug": "linen-white",
"name": "Linen White",
"hex": "#FAF0E6",
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8836,
"contrast": {
"black": 18.67,
"white": 1.12
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/linen-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/linen-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/linen-white.json"
},
{
"slug": "papaya-whip",
"name": "Papaya Whip",
"hex": "#FFEFD5",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.878,
"contrast": {
"black": 18.56,
"white": 1.13
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/papaya-whip/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/papaya-whip/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/papaya-whip.json"
},
{
"slug": "blanched-almond",
"name": "Blanched Almond",
"hex": "#FFEBCD",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.8508,
"contrast": {
"black": 18.02,
"white": 1.17
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/blanched-almond/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/blanched-almond/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/blanched-almond.json"
},
{
"slug": "antique-white",
"name": "Antique White",
"hex": "#FAEBD7",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.8465,
"contrast": {
"black": 17.93,
"white": 1.17
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/antique-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/antique-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/antique-white.json"
},
{
"slug": "champagne",
"name": "Champagne",
"hex": "#F7E7CE",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.8138,
"contrast": {
"black": 17.28,
"white": 1.22
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/champagne/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/champagne/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/champagne.json"
},
{
"slug": "bisque",
"name": "Bisque",
"hex": "#FFE4C4",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.8073,
"contrast": {
"black": 17.15,
"white": 1.22
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/bisque/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bisque/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bisque.json"
},
{
"slug": "peach",
"name": "Peach",
"hex": "#FFE5B4",
"family": "orange",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.8059,
"contrast": {
"black": 17.12,
"white": 1.23
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/peach/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peach/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peach.json"
},
{
"slug": "moccasin",
"name": "Moccasin",
"hex": "#FFE4B5",
"family": "orange",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.8008,
"contrast": {
"black": 17.02,
"white": 1.23
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/moccasin/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/moccasin/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/moccasin.json"
},
{
"slug": "vellum",
"name": "Vellum",
"hex": "#EFE3C8",
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.7746,
"contrast": {
"black": 16.49,
"white": 1.27
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/vellum/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/vellum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/vellum.json"
},
{
"slug": "navajo-white",
"name": "Navajo White",
"hex": "#FFDEAD",
"family": "orange",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.7652,
"contrast": {
"black": 16.3,
"white": 1.29
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/navajo-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/navajo-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/navajo-white.json"
},
{
"slug": "pearl",
"name": "Pearl",
"hex": "#EAE0C8",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.7497,
"contrast": {
"black": 15.99,
"white": 1.31
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pearl/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pearl/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pearl.json"
},
{
"slug": "pastel-peach",
"name": "Pastel Peach",
"hex": "#FFDAB9",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.7491,
"contrast": {
"black": 15.98,
"white": 1.31
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-peach/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-peach/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-peach.json"
},
{
"slug": "peach-puff",
"name": "Peach Puff",
"hex": "#FFDAB9",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.7491,
"contrast": {
"black": 15.98,
"white": 1.31
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/peach-puff/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peach-puff/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peach-puff.json"
},
{
"slug": "wheat",
"name": "Wheat",
"hex": "#F5DEB3",
"family": "orange",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.7491,
"contrast": {
"black": 15.98,
"white": 1.31
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/wheat/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/wheat/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/wheat.json"
},
{
"slug": "soft-peach",
"name": "Soft Peach",
"hex": "#FAD7A0",
"family": "orange",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.7146,
"contrast": {
"black": 15.29,
"white": 1.37
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/soft-peach/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/soft-peach/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/soft-peach.json"
},
{
"slug": "quartz",
"name": "Quartz",
"hex": "#E7D9D1",
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.7122,
"contrast": {
"black": 15.24,
"white": 1.38
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/quartz/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/quartz/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/quartz.json"
},
{
"slug": "bone",
"name": "Bone",
"hex": "#E3DAC9",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.7069,
"contrast": {
"black": 15.14,
"white": 1.39
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/bone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bone.json"
},
{
"slug": "apricot",
"name": "Apricot",
"hex": "#FBCEB1",
"family": "orange",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.6783,
"contrast": {
"black": 14.57,
"white": 1.44
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/apricot/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/apricot/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/apricot.json"
},
{
"slug": "feldspar",
"name": "Feldspar",
"hex": "#F0CDB7",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.6561,
"contrast": {
"black": 14.12,
"white": 1.49
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/feldspar/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/feldspar/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/feldspar.json"
},
{
"slug": "limestone",
"name": "Limestone",
"hex": "#D8D2C4",
"family": "orange",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.6468,
"contrast": {
"black": 13.94,
"white": 1.51
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/limestone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/limestone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/limestone.json"
},
{
"slug": "topaz",
"name": "Topaz",
"hex": "#FFC87C",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6402,
"contrast": {
"black": 13.8,
"white": 1.52
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/topaz/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/topaz/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/topaz.json"
},
{
"slug": "desert-sand",
"name": "Desert Sand",
"hex": "#EDC9AF",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.6287,
"contrast": {
"black": 13.57,
"white": 1.55
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/desert-sand/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/desert-sand/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/desert-sand.json"
},
{
"slug": "oat",
"name": "Oat",
"hex": "#D8CAB8",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.603,
"contrast": {
"black": 13.06,
"white": 1.61
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/oat/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/oat/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/oat.json"
},
{
"slug": "mica",
"name": "Mica",
"hex": "#D8C7B0",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.5858,
"contrast": {
"black": 12.72,
"white": 1.65
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mica/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mica/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mica.json"
},
{
"slug": "buttercup",
"name": "Buttercup",
"hex": "#F3C13A",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.575,
"contrast": {
"black": 12.5,
"white": 1.68
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/buttercup/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/buttercup/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/buttercup.json"
},
{
"slug": "pale-gold",
"name": "Pale Gold",
"hex": "#E6BE8A",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.5548,
"contrast": {
"black": 12.1,
"white": 1.74
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pale-gold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pale-gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pale-gold.json"
},
{
"slug": "travertine",
"name": "Travertine",
"hex": "#D6C1A3",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.5508,
"contrast": {
"black": 12.02,
"white": 1.75
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/travertine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/travertine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/travertine.json"
},
{
"slug": "espresso",
"name": "Espresso",
"hex": "#4B3621",
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"luminance": 0.0424,
"contrast": {
"black": 1.85,
"white": 11.36
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/espresso/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/espresso/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/espresso.json"
},
{
"slug": "burly-wood",
"name": "Burly Wood",
"hex": "#DEB887",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.5156,
"contrast": {
"black": 11.31,
"white": 1.86
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/burly-wood/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/burly-wood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/burly-wood.json"
},
{
"slug": "pine-bark",
"name": "Pine Bark",
"hex": "#4A3728",
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"luminance": 0.0434,
"contrast": {
"black": 1.87,
"white": 11.24
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/pine-bark/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pine-bark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pine-bark.json"
},
{
"slug": "champagne-gold",
"name": "Champagne Gold",
"hex": "#D6B971",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.5019,
"contrast": {
"black": 11.04,
"white": 1.9
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/champagne-gold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/champagne-gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/champagne-gold.json"
},
{
"slug": "chrome-yellow",
"name": "Chrome Yellow",
"hex": "#FFA700",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.489,
"contrast": {
"black": 10.78,
"white": 1.95
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/chrome-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/chrome-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/chrome-yellow.json"
},
{
"slug": "taupe",
"name": "Taupe",
"hex": "#483C32",
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"luminance": 0.0484,
"contrast": {
"black": 1.97,
"white": 10.67
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/taupe/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/taupe/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/taupe.json"
},
{
"slug": "tan",
"name": "Tan",
"hex": "#D2B48C",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4824,
"contrast": {
"black": 10.65,
"white": 1.97
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/tan/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tan/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tan.json"
},
{
"slug": "orange",
"name": "Orange",
"hex": "#FFA500",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4817,
"contrast": {
"black": 10.63,
"white": 1.97
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/orange.json"
},
{
"slug": "light-salmon",
"name": "Light Salmon",
"hex": "#FFA07A",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4781,
"contrast": {
"black": 10.56,
"white": 1.99
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-salmon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-salmon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-salmon.json"
},
{
"slug": "sandy-brown",
"name": "Sandy Brown",
"hex": "#F4A460",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4663,
"contrast": {
"black": 10.33,
"white": 2.03
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sandy-brown/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sandy-brown/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sandy-brown.json"
},
{
"slug": "bark",
"name": "Bark",
"hex": "#5B3A29",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.0541,
"contrast": {
"black": 2.08,
"white": 10.09
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/bark/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bark.json"
},
{
"slug": "sandstone",
"name": "Sandstone",
"hex": "#C9AE74",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4395,
"contrast": {
"black": 9.79,
"white": 2.15
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sandstone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sandstone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sandstone.json"
},
{
"slug": "marigold",
"name": "Marigold",
"hex": "#EAA221",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4344,
"contrast": {
"black": 9.69,
"white": 2.17
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/marigold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/marigold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/marigold.json"
},
{
"slug": "walnut",
"name": "Walnut",
"hex": "#5C4033",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.0618,
"contrast": {
"black": 2.24,
"white": 9.39
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/walnut/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/walnut/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/walnut.json"
},
{
"slug": "goldenrod",
"name": "Goldenrod",
"hex": "#DAA520",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4192,
"contrast": {
"black": 9.38,
"white": 2.24
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/goldenrod/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/goldenrod/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/goldenrod.json"
},
{
"slug": "mushroom",
"name": "Mushroom",
"hex": "#B7A99A",
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.4078,
"contrast": {
"black": 9.16,
"white": 2.29
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mushroom/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mushroom/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mushroom.json"
},
{
"slug": "dark-salmon",
"name": "Dark Salmon",
"hex": "#E9967A",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4054,
"contrast": {
"black": 9.11,
"white": 2.31
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-salmon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-salmon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-salmon.json"
},
{
"slug": "dark-orange",
"name": "Dark Orange",
"hex": "#FF8C00",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4002,
"contrast": {
"black": 9,
"white": 2.33
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-orange.json"
},
{
"slug": "greige",
"name": "Greige",
"hex": "#B0A999",
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.3991,
"contrast": {
"black": 8.98,
"white": 2.34
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/greige/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/greige/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/greige.json"
},
{
"slug": "butterscotch",
"name": "Butterscotch",
"hex": "#E3963E",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3849,
"contrast": {
"black": 8.7,
"white": 2.41
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/butterscotch/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/butterscotch/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/butterscotch.json"
},
{
"slug": "sepia",
"name": "Sepia",
"hex": "#704214",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0739,
"contrast": {
"black": 2.48,
"white": 8.47
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/sepia/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sepia/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sepia.json"
},
{
"slug": "coral",
"name": "Coral",
"hex": "#FF7F50",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant",
"bright"
],
"luminance": 0.3702,
"contrast": {
"black": 8.4,
"white": 2.5
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/coral/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/coral/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/coral.json"
},
{
"slug": "construction-orange",
"name": "Construction Orange",
"hex": "#FF7F00",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3644,
"contrast": {
"black": 8.29,
"white": 2.53
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/construction-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/construction-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/construction-orange.json"
},
{
"slug": "tangerine",
"name": "Tangerine",
"hex": "#F28500",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3565,
"contrast": {
"black": 8.13,
"white": 2.58
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/tangerine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tangerine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tangerine.json"
},
{
"slug": "cadmium-orange",
"name": "Cadmium Orange",
"hex": "#ED872D",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3552,
"contrast": {
"black": 8.1,
"white": 2.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cadmium-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cadmium-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cadmium-orange.json"
},
{
"slug": "camel",
"name": "Camel",
"hex": "#C19A6B",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.3551,
"contrast": {
"black": 8.1,
"white": 2.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/camel/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/camel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/camel.json"
},
{
"slug": "safety-orange",
"name": "Safety Orange",
"hex": "#FF7900",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3493,
"contrast": {
"black": 7.99,
"white": 2.63
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/safety-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/safety-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/safety-orange.json"
},
{
"slug": "pumpkin",
"name": "Pumpkin",
"hex": "#FF7518",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3405,
"contrast": {
"black": 7.81,
"white": 2.69
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pumpkin/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pumpkin/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pumpkin.json"
},
{
"slug": "raw-sienna",
"name": "Raw Sienna",
"hex": "#D68A59",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.3319,
"contrast": {
"black": 7.64,
"white": 2.75
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/raw-sienna/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/raw-sienna/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/raw-sienna.json"
},
{
"slug": "driftwood",
"name": "Driftwood",
"hex": "#A69A8D",
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.3314,
"contrast": {
"black": 7.63,
"white": 2.75
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/driftwood/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/driftwood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/driftwood.json"
},
{
"slug": "umber",
"name": "Umber",
"hex": "#635147",
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.0899,
"contrast": {
"black": 2.8,
"white": 7.51
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/umber/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/umber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/umber.json"
},
{
"slug": "loam",
"name": "Loam",
"hex": "#6B4F3A",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.0902,
"contrast": {
"black": 2.8,
"white": 7.49
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/loam/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/loam/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/loam.json"
},
{
"slug": "coffee",
"name": "Coffee",
"hex": "#6F4E37",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.091,
"contrast": {
"black": 2.82,
"white": 7.45
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/coffee/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/coffee/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/coffee.json"
},
{
"slug": "hazard-orange",
"name": "Hazard Orange",
"hex": "#FF6700",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3096,
"contrast": {
"black": 7.19,
"white": 2.92
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/hazard-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/hazard-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/hazard-orange.json"
},
{
"slug": "saddle-brown",
"name": "Saddle Brown",
"hex": "#8B4513",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0979,
"contrast": {
"black": 2.96,
"white": 7.1
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/saddle-brown/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/saddle-brown/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/saddle-brown.json"
},
{
"slug": "peru",
"name": "Peru",
"hex": "#CD853F",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.3011,
"contrast": {
"black": 7.02,
"white": 2.99
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/peru/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peru/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peru.json"
},
{
"slug": "neon-orange",
"name": "Neon Orange",
"hex": "#FF5F1F",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2954,
"contrast": {
"black": 6.91,
"white": 3.04
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/neon-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-orange.json"
},
{
"slug": "antique-gold",
"name": "Antique Gold",
"hex": "#B08D57",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2897,
"contrast": {
"black": 6.79,
"white": 3.09
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/antique-gold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/antique-gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/antique-gold.json"
},
{
"slug": "terracotta",
"name": "Terracotta",
"hex": "#E2725B",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone",
"muted"
],
"luminance": 0.2896,
"contrast": {
"black": 6.79,
"white": 3.09
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/terracotta/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/terracotta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/terracotta.json"
},
{
"slug": "bronze",
"name": "Bronze",
"hex": "#CD7F32",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2839,
"contrast": {
"black": 6.68,
"white": 3.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/bronze/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bronze/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bronze.json"
},
{
"slug": "dark-goldenrod",
"name": "Dark Goldenrod",
"hex": "#B8860B",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2726,
"contrast": {
"black": 6.45,
"white": 3.25
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-goldenrod/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-goldenrod/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-goldenrod.json"
},
{
"slug": "international-orange",
"name": "International Orange",
"hex": "#FF4F00",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2685,
"contrast": {
"black": 6.37,
"white": 3.3
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/international-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/international-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/international-orange.json"
},
{
"slug": "ochre",
"name": "Ochre",
"hex": "#CC7722",
"family": "orange",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2615,
"contrast": {
"black": 6.23,
"white": 3.37
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/ochre/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ochre/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ochre.json"
},
{
"slug": "orange-red",
"name": "Orange Red",
"hex": "#FF4500",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2552,
"contrast": {
"black": 6.1,
"white": 3.44
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/orange-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/orange-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/orange-red.json"
},
{
"slug": "fire-opal",
"name": "Fire Opal",
"hex": "#E95C20",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2508,
"contrast": {
"black": 6.02,
"white": 3.49
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/fire-opal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fire-opal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fire-opal.json"
},
{
"slug": "cedar",
"name": "Cedar",
"hex": "#8B5A2B",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.1298,
"contrast": {
"black": 3.6,
"white": 5.84
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cedar/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cedar/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cedar.json"
},
{
"slug": "chocolate",
"name": "Chocolate",
"hex": "#D2691E",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.239,
"contrast": {
"black": 5.78,
"white": 3.63
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/chocolate/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/chocolate/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/chocolate.json"
},
{
"slug": "cinnamon",
"name": "Cinnamon",
"hex": "#D2691E",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.239,
"contrast": {
"black": 5.78,
"white": 3.63
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cinnamon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cinnamon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cinnamon.json"
},
{
"slug": "sienna",
"name": "Sienna",
"hex": "#A0522D",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.137,
"contrast": {
"black": 3.74,
"white": 5.61
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/sienna/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sienna/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sienna.json"
},
{
"slug": "rust",
"name": "Rust",
"hex": "#B7410E",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1388,
"contrast": {
"black": 3.78,
"white": 5.56
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/rust/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/rust/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/rust.json"
},
{
"slug": "copper",
"name": "Copper",
"hex": "#B87333",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2269,
"contrast": {
"black": 5.54,
"white": 3.79
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/copper/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/copper/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/copper.json"
},
{
"slug": "polished-copper",
"name": "Polished Copper",
"hex": "#B87333",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2269,
"contrast": {
"black": 5.54,
"white": 3.79
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/polished-copper/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/polished-copper/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/polished-copper.json"
},
{
"slug": "adobe",
"name": "Adobe",
"hex": "#BD6C48",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2201,
"contrast": {
"black": 5.4,
"white": 3.89
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/adobe/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/adobe/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/adobe.json"
},
{
"slug": "raw-umber",
"name": "Raw Umber",
"hex": "#826644",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.1467,
"contrast": {
"black": 3.93,
"white": 5.34
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/raw-umber/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/raw-umber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/raw-umber.json"
},
{
"slug": "desert-clay",
"name": "Desert Clay",
"hex": "#B86D4B",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2164,
"contrast": {
"black": 5.33,
"white": 3.94
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/desert-clay/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/desert-clay/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/desert-clay.json"
},
{
"slug": "oak",
"name": "Oak",
"hex": "#A8754F",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2161,
"contrast": {
"black": 5.32,
"white": 3.95
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/oak/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/oak/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/oak.json"
},
{
"slug": "mahogany",
"name": "Mahogany",
"hex": "#C04000",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1487,
"contrast": {
"black": 3.97,
"white": 5.28
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/mahogany/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mahogany/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mahogany.json"
},
{
"slug": "mocha",
"name": "Mocha",
"hex": "#967969",
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.2118,
"contrast": {
"black": 5.24,
"white": 4.01
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mocha/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mocha/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mocha.json"
},
{
"slug": "clay",
"name": "Clay",
"hex": "#B66A50",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.2083,
"contrast": {
"black": 5.17,
"white": 4.07
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/clay/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/clay/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/clay.json"
},
{
"slug": "caramel",
"name": "Caramel",
"hex": "#AF6E4D",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.208,
"contrast": {
"black": 5.16,
"white": 4.07
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/caramel/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/caramel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/caramel.json"
},
{
"slug": "burnt-orange",
"name": "Burnt Orange",
"hex": "#CC5500",
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1933,
"contrast": {
"black": 4.87,
"white": 4.32
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/burnt-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/burnt-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/burnt-orange.json"
},
{
"slug": "red-clay",
"name": "Red Clay",
"hex": "#B45A3C",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.1734,
"contrast": {
"black": 4.47,
"white": 4.7
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/red-clay/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/red-clay/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/red-clay.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/orange/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/orange.json"
},
{
"family": "blue",
"label": "Blue accessible colors",
"count": 71,
"aaaCount": 44,
"aaOnlyCount": 27,
"colors": [
{
"slug": "ghost-white",
"name": "Ghost White",
"hex": "#F8F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9431,
"contrast": {
"black": 19.86,
"white": 1.06
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/ghost-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ghost-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ghost-white.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9359,
"contrast": {
"black": 19.72,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cool-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cool-white.json"
},
{
"slug": "alice-blue",
"name": "Alice Blue",
"hex": "#F0F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9288,
"contrast": {
"black": 19.58,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/alice-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/alice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/alice-blue.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"luminance": 0.9204,
"contrast": {
"black": 19.41,
"white": 1.08
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cloud/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cloud.json"
},
{
"slug": "porcelain",
"name": "Porcelain",
"hex": "#F2F3F4",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"luminance": 0.8951,
"contrast": {
"black": 18.9,
"white": 1.11
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/porcelain/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/porcelain/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/porcelain.json"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.8682,
"contrast": {
"black": 18.36,
"white": 1.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/ice-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ice-blue.json"
},
{
"slug": "milk-blue",
"name": "Milk Blue",
"hex": "#D6EAF8",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.7992,
"contrast": {
"black": 16.98,
"white": 1.24
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/milk-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/milk-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/milk-blue.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.7556,
"contrast": {
"black": 16.11,
"white": 1.3
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/arctic-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/arctic-blue.json"
},
{
"slug": "navy",
"name": "Navy",
"hex": "#000080",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0156,
"contrast": {
"black": 1.31,
"white": 16.01
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/navy/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/navy/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/navy.json"
},
{
"slug": "navy-blue",
"name": "Navy Blue",
"hex": "#000080",
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"classic"
],
"luminance": 0.0156,
"contrast": {
"black": 1.31,
"white": 16.01
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/navy-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/navy-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/navy-blue.json"
},
{
"slug": "dark-blue",
"name": "Dark Blue",
"hex": "#00008B",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0186,
"contrast": {
"black": 1.37,
"white": 15.31
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-blue.json"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"luminance": 0.7154,
"contrast": {
"black": 15.31,
"white": 1.37
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/fog/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fog/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fog.json"
},
{
"slug": "midnight-blue",
"name": "Midnight Blue",
"hex": "#191970",
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0207,
"contrast": {
"black": 1.41,
"white": 14.85
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/midnight-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/midnight-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/midnight-blue.json"
},
{
"slug": "ultramarine",
"name": "Ultramarine",
"hex": "#120A8F",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0233,
"contrast": {
"black": 1.47,
"white": 14.32
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/ultramarine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ultramarine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ultramarine.json"
},
{
"slug": "sapphire-deep",
"name": "Sapphire Deep",
"hex": "#082567",
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0235,
"contrast": {
"black": 1.47,
"white": 14.29
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/sapphire-deep/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sapphire-deep/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sapphire-deep.json"
},
{
"slug": "powder-sky",
"name": "Powder Sky",
"hex": "#B7D9E8",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.6552,
"contrast": {
"black": 14.1,
"white": 1.49
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/powder-sky/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/powder-sky/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/powder-sky.json"
},
{
"slug": "light-blue",
"name": "Light Blue",
"hex": "#ADD8E6",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.6371,
"contrast": {
"black": 13.74,
"white": 1.53
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-blue.json"
},
{
"slug": "periwinkle",
"name": "Periwinkle",
"hex": "#CCCCFF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.6324,
"contrast": {
"black": 13.65,
"white": 1.54
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/periwinkle/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/periwinkle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/periwinkle.json"
},
{
"slug": "prussian-blue",
"name": "Prussian Blue",
"hex": "#003153",
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0282,
"contrast": {
"black": 1.56,
"white": 13.43
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/prussian-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/prussian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/prussian-blue.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"luminance": 0.0298,
"contrast": {
"black": 1.6,
"white": 13.16
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/charcoal-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/charcoal-blue.json"
},
{
"slug": "gunmetal",
"name": "Gunmetal",
"hex": "#2A3439",
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"luminance": 0.0324,
"contrast": {
"black": 1.65,
"white": 12.74
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/gunmetal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/gunmetal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/gunmetal.json"
},
{
"slug": "zaffre",
"name": "Zaffre",
"hex": "#0014A8",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0333,
"contrast": {
"black": 1.67,
"white": 12.61
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/zaffre/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/zaffre/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/zaffre.json"
},
{
"slug": "baby-blue",
"name": "Baby Blue",
"hex": "#89CFF0",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.5624,
"contrast": {
"black": 12.25,
"white": 1.71
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/baby-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/baby-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/baby-blue.json"
},
{
"slug": "light-sky-blue",
"name": "Light Sky Blue",
"hex": "#87CEFA",
"family": "blue",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.562,
"contrast": {
"black": 12.24,
"white": 1.72
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-sky-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-sky-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-sky-blue.json"
},
{
"slug": "sky-blue",
"name": "Sky Blue",
"hex": "#87CEEB",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.5529,
"contrast": {
"black": 12.06,
"white": 1.74
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sky-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sky-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sky-blue.json"
},
{
"slug": "light-steel-blue",
"name": "Light Steel Blue",
"hex": "#B0C4DE",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.5398,
"contrast": {
"black": 11.8,
"white": 1.78
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-steel-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-steel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-steel-blue.json"
},
{
"slug": "pastel-blue",
"name": "Pastel Blue",
"hex": "#AEC6CF",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.5389,
"contrast": {
"black": 11.78,
"white": 1.78
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-blue.json"
},
{
"slug": "ink-blue",
"name": "Ink Blue",
"hex": "#003F5C",
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0433,
"contrast": {
"black": 1.87,
"white": 11.25
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/ink-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ink-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ink-blue.json"
},
{
"slug": "medium-blue",
"name": "Medium Blue",
"hex": "#0000CD",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.0441,
"contrast": {
"black": 1.88,
"white": 11.16
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/medium-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-blue.json"
},
{
"slug": "smalt",
"name": "Smalt",
"hex": "#003399",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0467,
"contrast": {
"black": 1.93,
"white": 10.86
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/smalt/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/smalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/smalt.json"
},
{
"slug": "maya-blue",
"name": "Maya Blue",
"hex": "#73C2FB",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.4919,
"contrast": {
"black": 10.84,
"white": 1.94
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/maya-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/maya-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/maya-blue.json"
},
{
"slug": "egyptian-blue",
"name": "Egyptian Blue",
"hex": "#1034A6",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.0532,
"contrast": {
"black": 2.06,
"white": 10.17
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/egyptian-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/egyptian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/egyptian-blue.json"
},
{
"slug": "deep-sky-blue",
"name": "Deep Sky Blue",
"hex": "#00BFFF",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.4448,
"contrast": {
"black": 9.9,
"white": 2.12
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/deep-sky-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/deep-sky-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/deep-sky-blue.json"
},
{
"slug": "glacier-blue",
"name": "Glacier Blue",
"hex": "#78B9D2",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.4334,
"contrast": {
"black": 9.67,
"white": 2.17
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/glacier-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/glacier-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/glacier-blue.json"
},
{
"slug": "slate-navy",
"name": "Slate Navy",
"hex": "#30475E",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.0594,
"contrast": {
"black": 2.19,
"white": 9.6
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/slate-navy/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/slate-navy/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/slate-navy.json"
},
{
"slug": "dark-slate-blue",
"name": "Dark Slate Blue",
"hex": "#483D8B",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.0658,
"contrast": {
"black": 2.32,
"white": 9.07
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-slate-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-slate-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-slate-blue.json"
},
{
"slug": "persian-blue",
"name": "Persian Blue",
"hex": "#1C39BB",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.0676,
"contrast": {
"black": 2.35,
"white": 8.93
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/persian-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/persian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/persian-blue.json"
},
{
"slug": "blue",
"name": "Blue",
"hex": "#0000FF",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.0722,
"contrast": {
"black": 2.44,
"white": 8.59
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/blue.json"
},
{
"slug": "cobalt-blue",
"name": "Cobalt Blue",
"hex": "#0047AB",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0745,
"contrast": {
"black": 2.49,
"white": 8.43
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cobalt-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cobalt-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cobalt-blue.json"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.3535,
"contrast": {
"black": 8.07,
"white": 2.6
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cadet-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cadet-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cadet-gray.json"
},
{
"slug": "violet-blue",
"name": "Violet Blue",
"hex": "#324AB2",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0879,
"contrast": {
"black": 2.76,
"white": 7.61
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/violet-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/violet-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/violet-blue.json"
},
{
"slug": "iolite",
"name": "Iolite",
"hex": "#5A4C8D",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.0927,
"contrast": {
"black": 2.85,
"white": 7.36
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/iolite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/iolite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/iolite.json"
},
{
"slug": "sapphire",
"name": "Sapphire",
"hex": "#0F52BA",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.0968,
"contrast": {
"black": 2.94,
"white": 7.15
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/sapphire/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sapphire/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sapphire.json"
},
{
"slug": "cornflower-blue",
"name": "Cornflower Blue",
"hex": "#6495ED",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.3032,
"contrast": {
"black": 7.06,
"white": 2.97
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cornflower-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cornflower-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cornflower-blue.json"
},
{
"slug": "zircon-blue",
"name": "Zircon Blue",
"hex": "#2D9CDB",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2945,
"contrast": {
"black": 6.89,
"white": 3.05
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/zircon-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/zircon-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/zircon-blue.json"
},
{
"slug": "signal-blue",
"name": "Signal Blue",
"hex": "#0057B8",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.1028,
"contrast": {
"black": 3.06,
"white": 6.87
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/signal-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/signal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/signal-blue.json"
},
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.2911,
"contrast": {
"black": 6.82,
"white": 3.08
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cool-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cool-gray.json"
},
{
"slug": "cornflower",
"name": "Cornflower",
"hex": "#6A8EDB",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2752,
"contrast": {
"black": 6.5,
"white": 3.23
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cornflower/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cornflower/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cornflower.json"
},
{
"slug": "dodger-blue",
"name": "Dodger Blue",
"hex": "#1E90FF",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.2744,
"contrast": {
"black": 6.49,
"white": 3.24
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dodger-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dodger-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dodger-blue.json"
},
{
"slug": "lapis",
"name": "Lapis",
"hex": "#26619C",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1136,
"contrast": {
"black": 3.27,
"white": 6.42
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/lapis/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lapis/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lapis.json"
},
{
"slug": "denim",
"name": "Denim",
"hex": "#1560BD",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.122,
"contrast": {
"black": 3.44,
"white": 6.1
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/denim/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/denim/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/denim.json"
},
{
"slug": "enamel-blue",
"name": "Enamel Blue",
"hex": "#0067A0",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1224,
"contrast": {
"black": 3.45,
"white": 6.09
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/enamel-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/enamel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/enamel-blue.json"
},
{
"slug": "sea-blue",
"name": "Sea Blue",
"hex": "#006994",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1224,
"contrast": {
"black": 3.45,
"white": 6.09
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/sea-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sea-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sea-blue.json"
},
{
"slug": "iris",
"name": "Iris",
"hex": "#5A4FCF",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.1227,
"contrast": {
"black": 3.45,
"white": 6.08
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/iris/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/iris/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/iris.json"
},
{
"slug": "tanzanite",
"name": "Tanzanite",
"hex": "#4D5DAB",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.1235,
"contrast": {
"black": 3.47,
"white": 6.05
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/tanzanite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tanzanite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tanzanite.json"
},
{
"slug": "safety-blue",
"name": "Safety Blue",
"hex": "#0067A5",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1242,
"contrast": {
"black": 3.48,
"white": 6.03
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/safety-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/safety-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/safety-blue.json"
},
{
"slug": "shale",
"name": "Shale",
"hex": "#59656F",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.1258,
"contrast": {
"black": 3.52,
"white": 5.97
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/shale/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/shale/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/shale.json"
},
{
"slug": "light-slate-gray",
"name": "Light Slate Gray",
"hex": "#778899",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.2383,
"contrast": {
"black": 5.77,
"white": 3.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-slate-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-slate-gray.json"
},
{
"slug": "light-slate-grey",
"name": "Light Slate Grey",
"hex": "#778899",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.2383,
"contrast": {
"black": 5.77,
"white": 3.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-slate-grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-slate-grey.json"
},
{
"slug": "neon-blue",
"name": "Neon Blue",
"hex": "#1F51FF",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.134,
"contrast": {
"black": 3.68,
"white": 5.71
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/neon-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-blue.json"
},
{
"slug": "anodized-blue",
"name": "Anodized Blue",
"hex": "#0066CC",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.1386,
"contrast": {
"black": 3.77,
"white": 5.57
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/anodized-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/anodized-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/anodized-blue.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.1436,
"contrast": {
"black": 3.87,
"white": 5.42
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/aegean-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/aegean-blue.json"
},
{
"slug": "slate-blue",
"name": "Slate Blue",
"hex": "#6A5ACD",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.1478,
"contrast": {
"black": 3.96,
"white": 5.31
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/slate-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/slate-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/slate-blue.json"
},
{
"slug": "slate-gray",
"name": "Slate Gray",
"hex": "#708090",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.209,
"contrast": {
"black": 5.18,
"white": 4.05
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/slate-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/slate-gray.json"
},
{
"slug": "slate-grey",
"name": "Slate Grey",
"hex": "#708090",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.209,
"contrast": {
"black": 5.18,
"white": 4.05
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/slate-grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/slate-grey.json"
},
{
"slug": "steel-blue",
"name": "Steel Blue",
"hex": "#4682B4",
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2056,
"contrast": {
"black": 5.11,
"white": 4.11
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/steel-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/steel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/steel-blue.json"
},
{
"slug": "medium-slate-blue",
"name": "Medium Slate Blue",
"hex": "#7B68EE",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.2028,
"contrast": {
"black": 5.06,
"white": 4.15
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-slate-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-slate-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-slate-blue.json"
},
{
"slug": "royal-blue",
"name": "Royal Blue",
"hex": "#4169E1",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.1666,
"contrast": {
"black": 4.33,
"white": 4.85
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/royal-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/royal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/royal-blue.json"
},
{
"slug": "labradorite",
"name": "Labradorite",
"hex": "#607D8B",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.1902,
"contrast": {
"black": 4.8,
"white": 4.37
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/labradorite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/labradorite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/labradorite.json"
},
{
"slug": "ocean-blue",
"name": "Ocean Blue",
"hex": "#0077BE",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.1691,
"contrast": {
"black": 4.38,
"white": 4.79
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/ocean-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ocean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ocean-blue.json"
},
{
"slug": "cerulean",
"name": "Cerulean",
"hex": "#007BA7",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1696,
"contrast": {
"black": 4.39,
"white": 4.78
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cerulean/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cerulean/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cerulean.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/blue/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/blue.json"
},
{
"family": "green",
"label": "Green accessible colors",
"count": 68,
"aaaCount": 45,
"aaOnlyCount": 23,
"colors": [
{
"slug": "mint-cream",
"name": "Mint Cream",
"hex": "#F5FFFA",
"family": "green",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9783,
"contrast": {
"black": 20.57,
"white": 1.02
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mint-cream/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mint-cream/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mint-cream.json"
},
{
"slug": "honeydew",
"name": "Honeydew",
"hex": "#F0FFF0",
"family": "green",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9634,
"contrast": {
"black": 20.27,
"white": 1.04
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/honeydew/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/honeydew/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/honeydew.json"
},
{
"slug": "pastel-mint",
"name": "Pastel Mint",
"hex": "#CEFAD0",
"family": "green",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.8605,
"contrast": {
"black": 18.21,
"white": 1.15
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-mint/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-mint/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-mint.json"
},
{
"slug": "soft-mint",
"name": "Soft Mint",
"hex": "#D5F5E3",
"family": "green",
"temperature": "cool",
"tone": [
"light"
],
"luminance": 0.85,
"contrast": {
"black": 18,
"white": 1.17
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/soft-mint/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/soft-mint/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/soft-mint.json"
},
{
"slug": "electric-lime",
"name": "Electric Lime",
"hex": "#CCFF00",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.8436,
"contrast": {
"black": 17.87,
"white": 1.18
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/electric-lime/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/electric-lime/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/electric-lime.json"
},
{
"slug": "aquamarine",
"name": "Aquamarine",
"hex": "#7FFFD4",
"family": "green",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.8079,
"contrast": {
"black": 17.16,
"white": 1.22
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/aquamarine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/aquamarine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/aquamarine.json"
},
{
"slug": "green-yellow",
"name": "Green Yellow",
"hex": "#ADFF2F",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.8061,
"contrast": {
"black": 17.12,
"white": 1.23
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/green-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/green-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/green-yellow.json"
},
{
"slug": "mint",
"name": "Mint",
"hex": "#98FF98",
"family": "green",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.8046,
"contrast": {
"black": 17.09,
"white": 1.23
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mint/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mint/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mint.json"
},
{
"slug": "mint-green",
"name": "Mint Green",
"hex": "#98FB98",
"family": "green",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.7794,
"contrast": {
"black": 16.59,
"white": 1.27
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mint-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mint-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mint-green.json"
},
{
"slug": "pale-green",
"name": "Pale Green",
"hex": "#98FB98",
"family": "green",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.7794,
"contrast": {
"black": 16.59,
"white": 1.27
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pale-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pale-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pale-green.json"
},
{
"slug": "chartreuse",
"name": "Chartreuse",
"hex": "#7FFF00",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7603,
"contrast": {
"black": 16.21,
"white": 1.3
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/chartreuse/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/chartreuse/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/chartreuse.json"
},
{
"slug": "lawn-green",
"name": "Lawn Green",
"hex": "#7CFC00",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7391,
"contrast": {
"black": 15.78,
"white": 1.33
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lawn-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lawn-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lawn-green.json"
},
{
"slug": "spring-green",
"name": "Spring Green",
"hex": "#00FF7F",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7305,
"contrast": {
"black": 15.61,
"white": 1.35
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/spring-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/spring-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/spring-green.json"
},
{
"slug": "neon-green",
"name": "Neon Green",
"hex": "#39FF14",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7244,
"contrast": {
"black": 15.49,
"white": 1.36
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/neon-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-green.json"
},
{
"slug": "fluorescent-green",
"name": "Fluorescent Green",
"hex": "#08FF08",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7159,
"contrast": {
"black": 15.32,
"white": 1.37
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/fluorescent-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fluorescent-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fluorescent-green.json"
},
{
"slug": "lime",
"name": "Lime",
"hex": "#00FF00",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7152,
"contrast": {
"black": 15.3,
"white": 1.37
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lime/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lime/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lime.json"
},
{
"slug": "medium-spring-green",
"name": "Medium Spring Green",
"hex": "#00FA9A",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.707,
"contrast": {
"black": 15.14,
"white": 1.39
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-spring-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-spring-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-spring-green.json"
},
{
"slug": "light-green",
"name": "Light Green",
"hex": "#90EE90",
"family": "green",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.6909,
"contrast": {
"black": 14.82,
"white": 1.42
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-green.json"
},
{
"slug": "pastel-green",
"name": "Pastel Green",
"hex": "#C1E1C1",
"family": "green",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.6904,
"contrast": {
"black": 14.81,
"white": 1.42
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-green.json"
},
{
"slug": "seafoam",
"name": "Seafoam",
"hex": "#93E9BE",
"family": "green",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.682,
"contrast": {
"black": 14.64,
"white": 1.43
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/seafoam/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/seafoam/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/seafoam.json"
},
{
"slug": "celadon",
"name": "Celadon",
"hex": "#ACE1AF",
"family": "green",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.6572,
"contrast": {
"black": 14.14,
"white": 1.48
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/celadon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/celadon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/celadon.json"
},
{
"slug": "toxic-green",
"name": "Toxic Green",
"hex": "#61DE2A",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.5495,
"contrast": {
"black": 11.99,
"white": 1.75
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/toxic-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/toxic-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/toxic-green.json"
},
{
"slug": "british-racing-green",
"name": "British Racing Green",
"hex": "#004225",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0403,
"contrast": {
"black": 1.81,
"white": 11.63
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/british-racing-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/british-racing-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/british-racing-green.json"
},
{
"slug": "pumice",
"name": "Pumice",
"hex": "#BAC0B4",
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.5143,
"contrast": {
"black": 11.29,
"white": 1.86
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pumice/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pumice/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pumice.json"
},
{
"slug": "opal",
"name": "Opal",
"hex": "#A8C3BC",
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.5099,
"contrast": {
"black": 11.2,
"white": 1.88
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/opal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/opal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/opal.json"
},
{
"slug": "yellow-green",
"name": "Yellow Green",
"hex": "#9ACD32",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.5076,
"contrast": {
"black": 11.15,
"white": 1.88
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/yellow-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/yellow-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/yellow-green.json"
},
{
"slug": "ash-gray",
"name": "Ash Gray",
"hex": "#B2BEB5",
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.4963,
"contrast": {
"black": 10.93,
"white": 1.92
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/ash-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ash-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ash-gray.json"
},
{
"slug": "medium-aquamarine",
"name": "Medium Aquamarine",
"hex": "#66CDAA",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.4939,
"contrast": {
"black": 10.88,
"white": 1.93
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-aquamarine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-aquamarine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-aquamarine.json"
},
{
"slug": "lichen",
"name": "Lichen",
"hex": "#9BC4A2",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.4906,
"contrast": {
"black": 10.81,
"white": 1.94
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lichen/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lichen/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lichen.json"
},
{
"slug": "pistachio",
"name": "Pistachio",
"hex": "#93C572",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.4735,
"contrast": {
"black": 10.47,
"white": 2.01
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pistachio/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pistachio/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pistachio.json"
},
{
"slug": "laurel-green",
"name": "Laurel Green",
"hex": "#A9BA9D",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.4599,
"contrast": {
"black": 10.2,
"white": 2.06
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/laurel-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/laurel-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/laurel-green.json"
},
{
"slug": "willow-green",
"name": "Willow Green",
"hex": "#A8B88F",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.4459,
"contrast": {
"black": 9.92,
"white": 2.12
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/willow-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/willow-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/willow-green.json"
},
{
"slug": "lime-green",
"name": "Lime Green",
"hex": "#32CD32",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.4457,
"contrast": {
"black": 9.91,
"white": 2.12
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lime-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lime-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lime-green.json"
},
{
"slug": "emerald",
"name": "Emerald",
"hex": "#50C878",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.4437,
"contrast": {
"black": 9.87,
"white": 2.13
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/emerald/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/emerald/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/emerald.json"
},
{
"slug": "paris-green",
"name": "Paris Green",
"hex": "#50C878",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.4437,
"contrast": {
"black": 9.87,
"white": 2.13
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/paris-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/paris-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/paris-green.json"
},
{
"slug": "dark-sea-green",
"name": "Dark Sea Green",
"hex": "#8FBC8F",
"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"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-sea-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-sea-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-sea-green.json"
},
{
"slug": "pine-needle",
"name": "Pine Needle",
"hex": "#334D41",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.0639,
"contrast": {
"black": 2.28,
"white": 9.22
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/pine-needle/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pine-needle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pine-needle.json"
},
{
"slug": "sage-green",
"name": "Sage Green",
"hex": "#9CAF88",
"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"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sage-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sage-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sage-green.json"
},
{
"slug": "kelly-green",
"name": "Kelly Green",
"hex": "#4CBB17",
"family": "green",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.3714,
"contrast": {
"black": 8.43,
"white": 2.49
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/kelly-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/kelly-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/kelly-green.json"
},
{
"slug": "medium-sea-green",
"name": "Medium Sea Green",
"hex": "#3CB371",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.3439,
"contrast": {
"black": 7.88,
"white": 2.67
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-sea-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-sea-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-sea-green.json"
},
{
"slug": "terre-verte",
"name": "Terre Verte",
"hex": "#385E0F",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0888,
"contrast": {
"black": 2.78,
"white": 7.56
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/terre-verte/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/terre-verte/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/terre-verte.json"
},
{
"slug": "emerald-dark",
"name": "Emerald Dark",
"hex": "#046307",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0896,
"contrast": {
"black": 2.79,
"white": 7.52
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/emerald-dark/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/emerald-dark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/emerald-dark.json"
},
{
"slug": "hunter-green",
"name": "Hunter Green",
"hex": "#355E3B",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.0908,
"contrast": {
"black": 2.82,
"white": 7.46
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/hunter-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/hunter-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/hunter-green.json"
},
{
"slug": "dark-green",
"name": "Dark Green",
"hex": "#006400",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.0911,
"contrast": {
"black": 2.82,
"white": 7.44
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-green.json"
},
{
"slug": "moss-deep",
"name": "Moss Deep",
"hex": "#4A5D23",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone",
"jewel-tone"
],
"luminance": 0.0941,
"contrast": {
"black": 2.88,
"white": 7.29
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/moss-deep/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/moss-deep/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/moss-deep.json"
},
{
"slug": "moss-green",
"name": "Moss Green",
"hex": "#8A9A5B",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.2927,
"contrast": {
"black": 6.85,
"white": 3.06
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/moss-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/moss-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/moss-green.json"
},
{
"slug": "jade",
"name": "Jade",
"hex": "#00A86B",
"family": "green",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.2907,
"contrast": {
"black": 6.81,
"white": 3.08
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/jade/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/jade/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/jade.json"
},
{
"slug": "bottle-green",
"name": "Bottle Green",
"hex": "#006A4E",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"luminance": 0.1086,
"contrast": {
"black": 3.17,
"white": 6.62
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/bottle-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bottle-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bottle-green.json"
},
{
"slug": "shamrock",
"name": "Shamrock",
"hex": "#009E60",
"family": "green",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.253,
"contrast": {
"black": 6.06,
"white": 3.47
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/shamrock/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/shamrock/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/shamrock.json"
},
{
"slug": "dark-olive-green",
"name": "Dark Olive Green",
"hex": "#556B2F",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.1265,
"contrast": {
"black": 3.53,
"white": 5.95
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-olive-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-olive-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-olive-green.json"
},
{
"slug": "agave",
"name": "Agave",
"hex": "#6F8F72",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.2424,
"contrast": {
"black": 5.85,
"white": 3.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/agave/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/agave/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/agave.json"
},
{
"slug": "olive-drab",
"name": "Olive Drab",
"hex": "#6B8E23",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone",
"jewel-tone"
],
"luminance": 0.2259,
"contrast": {
"black": 5.52,
"white": 3.81
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/olive-drab/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/olive-drab/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/olive-drab.json"
},
{
"slug": "olive-leaf",
"name": "Olive Leaf",
"hex": "#6B8E23",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone",
"jewel-tone"
],
"luminance": 0.2259,
"contrast": {
"black": 5.52,
"white": 3.81
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/olive-leaf/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/olive-leaf/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/olive-leaf.json"
},
{
"slug": "cactus-green",
"name": "Cactus Green",
"hex": "#587156",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.1456,
"contrast": {
"black": 3.91,
"white": 5.37
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cactus-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cactus-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cactus-green.json"
},
{
"slug": "fern-frond",
"name": "Fern Frond",
"hex": "#657220",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone",
"jewel-tone"
],
"luminance": 0.1491,
"contrast": {
"black": 3.98,
"white": 5.27
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/fern-frond/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fern-frond/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fern-frond.json"
},
{
"slug": "alexandrite",
"name": "Alexandrite",
"hex": "#3D8B74",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.2072,
"contrast": {
"black": 5.14,
"white": 4.08
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/alexandrite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/alexandrite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/alexandrite.json"
},
{
"slug": "green",
"name": "Green",
"hex": "#008000",
"family": "green",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1544,
"contrast": {
"black": 4.09,
"white": 5.14
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/green.json"
},
{
"slug": "epoxy-green",
"name": "Epoxy Green",
"hex": "#4E8A57",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.2048,
"contrast": {
"black": 5.1,
"white": 4.12
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/epoxy-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/epoxy-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/epoxy-green.json"
},
{
"slug": "eucalyptus",
"name": "Eucalyptus",
"hex": "#5F8575",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.2049,
"contrast": {
"black": 5.1,
"white": 4.12
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/eucalyptus/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/eucalyptus/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/eucalyptus.json"
},
{
"slug": "fern-green",
"name": "Fern Green",
"hex": "#4F7942",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.1573,
"contrast": {
"black": 4.15,
"white": 5.07
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/fern-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fern-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fern-green.json"
},
{
"slug": "hookers-green",
"name": "Hookers Green",
"hex": "#49796B",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.1615,
"contrast": {
"black": 4.23,
"white": 4.96
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/hookers-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/hookers-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/hookers-green.json"
},
{
"slug": "sea-green",
"name": "Sea Green",
"hex": "#2E8B57",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone",
"jewel-tone"
],
"luminance": 0.1973,
"contrast": {
"black": 4.95,
"white": 4.25
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sea-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sea-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sea-green.json"
},
{
"slug": "olive-green",
"name": "Olive Green",
"hex": "#708238",
"family": "green",
"temperature": "warm",
"tone": [
"earth-tone",
"muted"
],
"luminance": 0.197,
"contrast": {
"black": 4.94,
"white": 4.25
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/olive-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/olive-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/olive-green.json"
},
{
"slug": "scheeles-green",
"name": "Scheele Green",
"hex": "#478800",
"family": "green",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1895,
"contrast": {
"black": 4.79,
"white": 4.38
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/scheeles-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/scheeles-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/scheeles-green.json"
},
{
"slug": "forest-green",
"name": "Forest Green",
"hex": "#228B22",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone",
"jewel-tone"
],
"luminance": 0.1892,
"contrast": {
"black": 4.78,
"white": 4.39
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/forest-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/forest-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/forest-green.json"
},
{
"slug": "traffic-green",
"name": "Traffic Green",
"hex": "#008450",
"family": "green",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1708,
"contrast": {
"black": 4.42,
"white": 4.76
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/traffic-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/traffic-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/traffic-green.json"
},
{
"slug": "viridian",
"name": "Viridian",
"hex": "#40826D",
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"luminance": 0.1816,
"contrast": {
"black": 4.63,
"white": 4.53
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/viridian/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/viridian/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/viridian.json"
},
{
"slug": "avocado",
"name": "Avocado",
"hex": "#568203",
"family": "green",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.1795,
"contrast": {
"black": 4.59,
"white": 4.58
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/avocado/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/avocado/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/avocado.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/green/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/green.json"
},
{
"family": "yellow",
"label": "Yellow accessible colors",
"count": 62,
"aaaCount": 61,
"aaOnlyCount": 1,
"colors": [
{
"slug": "ivory",
"name": "Ivory",
"hex": "#FFFFF0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"neutral"
],
"luminance": 0.9907,
"contrast": {
"black": 20.81,
"white": 1.01
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/ivory/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ivory/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ivory.json"
},
{
"slug": "light-yellow",
"name": "Light Yellow",
"hex": "#FFFFE0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9816,
"contrast": {
"black": 20.63,
"white": 1.02
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-yellow.json"
},
{
"slug": "cream",
"name": "Cream",
"hex": "#FFFDD0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"neutral"
],
"luminance": 0.9606,
"contrast": {
"black": 20.21,
"white": 1.04
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cream/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cream/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cream.json"
},
{
"slug": "lemon-chiffon",
"name": "Lemon Chiffon",
"hex": "#FFFACD",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9404,
"contrast": {
"black": 19.81,
"white": 1.06
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lemon-chiffon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lemon-chiffon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lemon-chiffon.json"
},
{
"slug": "laser-lemon",
"name": "Laser Lemon",
"hex": "#FFFF66",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.9374,
"contrast": {
"black": 19.75,
"white": 1.06
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/laser-lemon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/laser-lemon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/laser-lemon.json"
},
{
"slug": "cornsilk",
"name": "Cornsilk",
"hex": "#FFF8DC",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9356,
"contrast": {
"black": 19.71,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cornsilk/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cornsilk/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cornsilk.json"
},
{
"slug": "powder-coat-white",
"name": "Powder Coat White",
"hex": "#F8F8F2",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.935,
"contrast": {
"black": 19.7,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/powder-coat-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/powder-coat-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/powder-coat-white.json"
},
{
"slug": "light-goldenrod-yellow",
"name": "Light Goldenrod Yellow",
"hex": "#FAFAD2",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9335,
"contrast": {
"black": 19.67,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-goldenrod-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-goldenrod-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-goldenrod-yellow.json"
},
{
"slug": "pastel-yellow",
"name": "Pastel Yellow",
"hex": "#FDFD96",
"family": "yellow",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.9334,
"contrast": {
"black": 19.67,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-yellow.json"
},
{
"slug": "daffodil",
"name": "Daffodil",
"hex": "#FFFF31",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.93,
"contrast": {
"black": 19.6,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/daffodil/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/daffodil/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/daffodil.json"
},
{
"slug": "yellow",
"name": "Yellow",
"hex": "#FFFF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.9278,
"contrast": {
"black": 19.56,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/yellow.json"
},
{
"slug": "paper-white",
"name": "Paper White",
"hex": "#F7F7F2",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.9271,
"contrast": {
"black": 19.54,
"white": 1.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/paper-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/paper-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/paper-white.json"
},
{
"slug": "soft-yellow",
"name": "Soft Yellow",
"hex": "#FFF8B8",
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9186,
"contrast": {
"black": 19.37,
"white": 1.08
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/soft-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/soft-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/soft-yellow.json"
},
{
"slug": "warm-white",
"name": "Warm White",
"hex": "#F8F4E3",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.902,
"contrast": {
"black": 19.04,
"white": 1.1
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/warm-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/warm-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/warm-white.json"
},
{
"slug": "beige",
"name": "Beige",
"hex": "#F5F5DC",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8988,
"contrast": {
"black": 18.98,
"white": 1.11
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/beige/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/beige/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/beige.json"
},
{
"slug": "lemon",
"name": "Lemon",
"hex": "#FFF700",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.8778,
"contrast": {
"black": 18.56,
"white": 1.13
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lemon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lemon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lemon.json"
},
{
"slug": "chartreuse-green",
"name": "Chartreuse Green",
"hex": "#DFFF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.8721,
"contrast": {
"black": 18.44,
"white": 1.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/chartreuse-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/chartreuse-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/chartreuse-green.json"
},
{
"slug": "cadmium-yellow",
"name": "Cadmium Yellow",
"hex": "#FFF600",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.8717,
"contrast": {
"black": 18.43,
"white": 1.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cadmium-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cadmium-yellow.json"
},
{
"slug": "butter",
"name": "Butter",
"hex": "#FFF1A8",
"family": "yellow",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.87,
"contrast": {
"black": 18.4,
"white": 1.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/butter/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/butter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/butter.json"
},
{
"slug": "marble-white",
"name": "Marble White",
"hex": "#F2F0E6",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8691,
"contrast": {
"black": 18.38,
"white": 1.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/marble-white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/marble-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/marble-white.json"
},
{
"slug": "neon-yellow",
"name": "Neon Yellow",
"hex": "#FFF01F",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.8368,
"contrast": {
"black": 17.74,
"white": 1.18
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/neon-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-yellow.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.832,
"contrast": {
"black": 17.64,
"white": 1.19
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/canvas/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/canvas.json"
},
{
"slug": "canary-yellow",
"name": "Canary Yellow",
"hex": "#FFEF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.8299,
"contrast": {
"black": 17.6,
"white": 1.19
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/canary-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/canary-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/canary-yellow.json"
},
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8223,
"contrast": {
"black": 17.45,
"white": 1.2
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/alabaster/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/alabaster.json"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8223,
"contrast": {
"black": 17.45,
"white": 1.2
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/eggshell/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/eggshell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/eggshell.json"
},
{
"slug": "parchment",
"name": "Parchment",
"hex": "#F1E9D2",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.8163,
"contrast": {
"black": 17.33,
"white": 1.21
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/parchment/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/parchment/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/parchment.json"
},
{
"slug": "maize",
"name": "Maize",
"hex": "#FBEC5D",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.8129,
"contrast": {
"black": 17.26,
"white": 1.22
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/maize/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/maize/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/maize.json"
},
{
"slug": "pale-goldenrod",
"name": "Pale Goldenrod",
"hex": "#EEE8AA",
"family": "yellow",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.7879,
"contrast": {
"black": 16.76,
"white": 1.25
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pale-goldenrod/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pale-goldenrod/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pale-goldenrod.json"
},
{
"slug": "vanilla",
"name": "Vanilla",
"hex": "#F3E5AB",
"family": "yellow",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.7803,
"contrast": {
"black": 16.61,
"white": 1.26
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/vanilla/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/vanilla/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/vanilla.json"
},
{
"slug": "khaki",
"name": "Khaki",
"hex": "#F0E68C",
"family": "yellow",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.7701,
"contrast": {
"black": 16.4,
"white": 1.28
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/khaki/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/khaki/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/khaki.json"
},
{
"slug": "golden-yellow",
"name": "Golden Yellow",
"hex": "#FFDF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.7404,
"contrast": {
"black": 15.81,
"white": 1.33
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/golden-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/golden-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/golden-yellow.json"
},
{
"slug": "mustard",
"name": "Mustard",
"hex": "#FFDB58",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.7263,
"contrast": {
"black": 15.53,
"white": 1.35
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mustard/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mustard/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mustard.json"
},
{
"slug": "dandelion",
"name": "Dandelion",
"hex": "#F0E130",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.7259,
"contrast": {
"black": 15.52,
"white": 1.35
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dandelion/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dandelion/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dandelion.json"
},
{
"slug": "naples-yellow",
"name": "Naples Yellow",
"hex": "#FADA5E",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.7127,
"contrast": {
"black": 15.25,
"white": 1.38
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/naples-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/naples-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/naples-yellow.json"
},
{
"slug": "flax",
"name": "Flax",
"hex": "#EEDC82",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.7098,
"contrast": {
"black": 15.2,
"white": 1.38
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/flax/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/flax/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/flax.json"
},
{
"slug": "school-bus-yellow",
"name": "School Bus Yellow",
"hex": "#FFD800",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.7037,
"contrast": {
"black": 15.07,
"white": 1.39
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/school-bus-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/school-bus-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/school-bus-yellow.json"
},
{
"slug": "gold",
"name": "Gold",
"hex": "#FFD700",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6986,
"contrast": {
"black": 14.97,
"white": 1.4
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/gold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/gold.json"
},
{
"slug": "pear",
"name": "Pear",
"hex": "#D1E231",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6817,
"contrast": {
"black": 14.63,
"white": 1.44
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pear/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pear/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pear.json"
},
{
"slug": "cyber-yellow",
"name": "Cyber Yellow",
"hex": "#FFD300",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6785,
"contrast": {
"black": 14.57,
"white": 1.44
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cyber-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cyber-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cyber-yellow.json"
},
{
"slug": "straw",
"name": "Straw",
"hex": "#E4D96F",
"family": "yellow",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.6727,
"contrast": {
"black": 14.45,
"white": 1.45
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/straw/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/straw/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/straw.json"
},
{
"slug": "caution-yellow",
"name": "Caution Yellow",
"hex": "#FFCC00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6445,
"contrast": {
"black": 13.89,
"white": 1.51
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/caution-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/caution-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/caution-yellow.json"
},
{
"slug": "safety-yellow",
"name": "Safety Yellow",
"hex": "#EED202",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6427,
"contrast": {
"black": 13.85,
"white": 1.52
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/safety-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/safety-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/safety-yellow.json"
},
{
"slug": "citrine",
"name": "Citrine",
"hex": "#E4D00A",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6163,
"contrast": {
"black": 13.33,
"white": 1.58
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/citrine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/citrine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/citrine.json"
},
{
"slug": "sunflower",
"name": "Sunflower",
"hex": "#FFC512",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6124,
"contrast": {
"black": 13.25,
"white": 1.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sunflower/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sunflower/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sunflower.json"
},
{
"slug": "honey",
"name": "Honey",
"hex": "#FFC30B",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.6031,
"contrast": {
"black": 13.06,
"white": 1.61
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/honey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/honey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/honey.json"
},
{
"slug": "saffron",
"name": "Saffron",
"hex": "#F4C430",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.5893,
"contrast": {
"black": 12.79,
"white": 1.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/saffron/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/saffron/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/saffron.json"
},
{
"slug": "amber",
"name": "Amber",
"hex": "#FFBF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.5852,
"contrast": {
"black": 12.7,
"white": 1.65
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/amber/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/amber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/amber.json"
},
{
"slug": "fluorescent-orange",
"name": "Fluorescent Orange",
"hex": "#FFBF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.5852,
"contrast": {
"black": 12.7,
"white": 1.65
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/fluorescent-orange/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fluorescent-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fluorescent-orange.json"
},
{
"slug": "industrial-yellow",
"name": "Industrial Yellow",
"hex": "#F3C300",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.5808,
"contrast": {
"black": 12.62,
"white": 1.66
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/industrial-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/industrial-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/industrial-yellow.json"
},
{
"slug": "peridot",
"name": "Peridot",
"hex": "#B4C424",
"family": "yellow",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.4931,
"contrast": {
"black": 10.86,
"white": 1.93
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/peridot/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peridot/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peridot.json"
},
{
"slug": "old-gold",
"name": "Old Gold",
"hex": "#CFB53B",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4663,
"contrast": {
"black": 10.33,
"white": 2.03
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/old-gold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/old-gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/old-gold.json"
},
{
"slug": "acid-green",
"name": "Acid Green",
"hex": "#B0BF1A",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4657,
"contrast": {
"black": 10.31,
"white": 2.04
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/acid-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/acid-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/acid-green.json"
},
{
"slug": "bamboo",
"name": "Bamboo",
"hex": "#C7B56E",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4632,
"contrast": {
"black": 10.26,
"white": 2.05
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/bamboo/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bamboo/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bamboo.json"
},
{
"slug": "mustard-yellow",
"name": "Mustard Yellow",
"hex": "#E1AD01",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.459,
"contrast": {
"black": 10.18,
"white": 2.06
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mustard-yellow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mustard-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mustard-yellow.json"
},
{
"slug": "dark-khaki",
"name": "Dark Khaki",
"hex": "#BDB76B",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4575,
"contrast": {
"black": 10.15,
"white": 2.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-khaki/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-khaki/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-khaki.json"
},
{
"slug": "ecru",
"name": "Ecru",
"hex": "#C2B280",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4487,
"contrast": {
"black": 9.97,
"white": 2.11
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/ecru/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ecru/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ecru.json"
},
{
"slug": "sand",
"name": "Sand",
"hex": "#C2B280",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.4487,
"contrast": {
"black": 9.97,
"white": 2.11
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sand/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sand/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sand.json"
},
{
"slug": "sage-gray",
"name": "Sage Gray",
"hex": "#B2AC88",
"family": "yellow",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.4075,
"contrast": {
"black": 9.15,
"white": 2.3
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sage-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sage-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sage-gray.json"
},
{
"slug": "brass",
"name": "Brass",
"hex": "#B5A642",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.3749,
"contrast": {
"black": 8.5,
"white": 2.47
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/brass/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/brass.json"
},
{
"slug": "brushed-brass",
"name": "Brushed Brass",
"hex": "#B5A642",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"luminance": 0.3749,
"contrast": {
"black": 8.5,
"white": 2.47
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/brushed-brass/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/brushed-brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/brushed-brass.json"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"family": "yellow",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"luminance": 0.3624,
"contrast": {
"black": 8.25,
"white": 2.55
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cement/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cement/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cement.json"
},
{
"slug": "olive",
"name": "Olive",
"hex": "#808000",
"family": "yellow",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2003,
"contrast": {
"black": 5.01,
"white": 4.19
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/olive/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/olive/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/olive.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/yellow/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/yellow.json"
},
{
"family": "red",
"label": "Red accessible colors",
"count": 61,
"aaaCount": 41,
"aaOnlyCount": 20,
"colors": [
{
"slug": "snow",
"name": "Snow",
"hex": "#FFFAFA",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9653,
"contrast": {
"black": 20.31,
"white": 1.03
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/snow/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/snow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/snow.json"
},
{
"slug": "misty-rose",
"name": "Misty Rose",
"hex": "#FFE4E1",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.8218,
"contrast": {
"black": 17.44,
"white": 1.2
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/misty-rose/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/misty-rose/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/misty-rose.json"
},
{
"slug": "oxblood",
"name": "Oxblood",
"hex": "#4A0000",
"family": "red",
"temperature": "warm",
"tone": [
"dark"
],
"luminance": 0.0146,
"contrast": {
"black": 1.29,
"white": 16.25
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/oxblood/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/oxblood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/oxblood.json"
},
{
"slug": "pastel-pink",
"name": "Pastel Pink",
"hex": "#FFD1DC",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.7203,
"contrast": {
"black": 15.41,
"white": 1.36
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-pink.json"
},
{
"slug": "morganite",
"name": "Morganite",
"hex": "#F5C6C6",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.6388,
"contrast": {
"black": 13.78,
"white": 1.52
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/morganite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/morganite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/morganite.json"
},
{
"slug": "pink",
"name": "Pink",
"hex": "#FFC0CB",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.6327,
"contrast": {
"black": 13.65,
"white": 1.54
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pink.json"
},
{
"slug": "baby-pink",
"name": "Baby Pink",
"hex": "#F4C2C2",
"family": "red",
"temperature": "warm",
"tone": [
"light"
],
"luminance": 0.6171,
"contrast": {
"black": 13.34,
"white": 1.57
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/baby-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/baby-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/baby-pink.json"
},
{
"slug": "melon",
"name": "Melon",
"hex": "#FDBCB4",
"family": "red",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.6014,
"contrast": {
"black": 13.03,
"white": 1.61
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/melon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/melon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/melon.json"
},
{
"slug": "peat",
"name": "Peat",
"hex": "#3B2F2F",
"family": "red",
"temperature": "warm",
"tone": [
"dark"
],
"luminance": 0.0317,
"contrast": {
"black": 1.63,
"white": 12.85
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/peat/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peat/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peat.json"
},
{
"slug": "cherry-blossom",
"name": "Cherry Blossom",
"hex": "#FFB7C5",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.5916,
"contrast": {
"black": 12.83,
"white": 1.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cherry-blossom/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cherry-blossom/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cherry-blossom.json"
},
{
"slug": "sakura-pink",
"name": "Sakura Pink",
"hex": "#FFB7C5",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.5916,
"contrast": {
"black": 12.83,
"white": 1.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/sakura-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/sakura-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/sakura-pink.json"
},
{
"slug": "light-pink",
"name": "Light Pink",
"hex": "#FFB6C1",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.5857,
"contrast": {
"black": 12.71,
"white": 1.65
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-pink.json"
},
{
"slug": "pastel-coral",
"name": "Pastel Coral",
"hex": "#FFB3A7",
"family": "red",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.5629,
"contrast": {
"black": 12.26,
"white": 1.71
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-coral/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-coral/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-coral.json"
},
{
"slug": "garnet-red",
"name": "Garnet Red",
"hex": "#6E1F26",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0443,
"contrast": {
"black": 1.89,
"white": 11.13
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/garnet-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/garnet-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/garnet-red.json"
},
{
"slug": "soft-coral",
"name": "Soft Coral",
"hex": "#F7A8A8",
"family": "red",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.5061,
"contrast": {
"black": 11.12,
"white": 1.89
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/soft-coral/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/soft-coral/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/soft-coral.json"
},
{
"slug": "lotus-pink",
"name": "Lotus Pink",
"hex": "#F4A7B9",
"family": "red",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.5037,
"contrast": {
"black": 11.07,
"white": 1.9
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lotus-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lotus-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lotus-pink.json"
},
{
"slug": "barn-red",
"name": "Barn Red",
"hex": "#7C0A02",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0451,
"contrast": {
"black": 1.9,
"white": 11.04
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/barn-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/barn-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/barn-red.json"
},
{
"slug": "maroon",
"name": "Maroon",
"hex": "#800000",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0459,
"contrast": {
"black": 1.92,
"white": 10.95
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/maroon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/maroon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/maroon.json"
},
{
"slug": "burgundy",
"name": "Burgundy",
"hex": "#800020",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0469,
"contrast": {
"black": 1.94,
"white": 10.84
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/burgundy/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/burgundy/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/burgundy.json"
},
{
"slug": "dark-red",
"name": "Dark Red",
"hex": "#8B0000",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0549,
"contrast": {
"black": 2.1,
"white": 10.01
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-red.json"
},
{
"slug": "salmon-pink",
"name": "Salmon Pink",
"hex": "#FF91A4",
"family": "red",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.4419,
"contrast": {
"black": 9.84,
"white": 2.13
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/salmon-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/salmon-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/salmon-pink.json"
},
{
"slug": "wine-red",
"name": "Wine Red",
"hex": "#722F37",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0589,
"contrast": {
"black": 2.18,
"white": 9.64
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/wine-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/wine-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/wine-red.json"
},
{
"slug": "salmon-rose",
"name": "Salmon Rose",
"hex": "#E7968B",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.4067,
"contrast": {
"black": 9.13,
"white": 2.3
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/salmon-rose/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/salmon-rose/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/salmon-rose.json"
},
{
"slug": "garnet",
"name": "Garnet",
"hex": "#733635",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0654,
"contrast": {
"black": 2.31,
"white": 9.1
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/garnet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/garnet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/garnet.json"
},
{
"slug": "carmine",
"name": "Carmine",
"hex": "#960018",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0655,
"contrast": {
"black": 2.31,
"white": 9.09
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/carmine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/carmine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/carmine.json"
},
{
"slug": "crimson-red",
"name": "Crimson Red",
"hex": "#990000",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0677,
"contrast": {
"black": 2.35,
"white": 8.92
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/crimson-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/crimson-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/crimson-red.json"
},
{
"slug": "cranberry",
"name": "Cranberry",
"hex": "#9F000F",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0741,
"contrast": {
"black": 2.48,
"white": 8.46
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cranberry/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cranberry/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cranberry.json"
},
{
"slug": "ruby-red",
"name": "Ruby Red",
"hex": "#9B111E",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0746,
"contrast": {
"black": 2.49,
"white": 8.43
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/ruby-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ruby-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ruby-red.json"
},
{
"slug": "salmon",
"name": "Salmon",
"hex": "#FA8072",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3698,
"contrast": {
"black": 8.4,
"white": 2.5
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/salmon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/salmon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/salmon.json"
},
{
"slug": "coral-reef",
"name": "Coral Reef",
"hex": "#FD7C6E",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3642,
"contrast": {
"black": 8.28,
"white": 2.54
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/coral-reef/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/coral-reef/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/coral-reef.json"
},
{
"slug": "brick-red",
"name": "Brick Red",
"hex": "#8A3324",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.079,
"contrast": {
"black": 2.58,
"white": 8.14
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/brick-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/brick-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/brick-red.json"
},
{
"slug": "burnt-umber",
"name": "Burnt Umber",
"hex": "#8A3324",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.079,
"contrast": {
"black": 2.58,
"white": 8.14
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/burnt-umber/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/burnt-umber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/burnt-umber.json"
},
{
"slug": "light-coral",
"name": "Light Coral",
"hex": "#F08080",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3552,
"contrast": {
"black": 8.1,
"white": 2.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-coral/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-coral/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-coral.json"
},
{
"slug": "watermelon",
"name": "Watermelon",
"hex": "#FC6C85",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3311,
"contrast": {
"black": 7.62,
"white": 2.76
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/watermelon/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/watermelon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/watermelon.json"
},
{
"slug": "rosy-brown",
"name": "Rosy Brown",
"hex": "#BC8F8F",
"family": "red",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.3232,
"contrast": {
"black": 7.46,
"white": 2.81
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/rosy-brown/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/rosy-brown/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/rosy-brown.json"
},
{
"slug": "anodized-red",
"name": "Anodized Red",
"hex": "#B00020",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0933,
"contrast": {
"black": 2.87,
"white": 7.33
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/anodized-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/anodized-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/anodized-red.json"
},
{
"slug": "pompeian-red",
"name": "Pompeian Red",
"hex": "#A42A04",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0956,
"contrast": {
"black": 2.91,
"white": 7.21
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/pompeian-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pompeian-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pompeian-red.json"
},
{
"slug": "tomato",
"name": "Tomato",
"hex": "#FF6347",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3064,
"contrast": {
"black": 7.13,
"white": 2.95
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/tomato/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tomato/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tomato.json"
},
{
"slug": "brown",
"name": "Brown",
"hex": "#A52A2A",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0982,
"contrast": {
"black": 2.96,
"white": 7.09
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/brown/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/brown/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/brown.json"
},
{
"slug": "burnt-sienna",
"name": "Burnt Sienna",
"hex": "#E97451",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3041,
"contrast": {
"black": 7.08,
"white": 2.97
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/burnt-sienna/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/burnt-sienna/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/burnt-sienna.json"
},
{
"slug": "tool-red",
"name": "Tool Red",
"hex": "#B11226",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.0992,
"contrast": {
"black": 2.98,
"white": 7.04
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/tool-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tool-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tool-red.json"
},
{
"slug": "firebrick",
"name": "Firebrick",
"hex": "#B22222",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.1072,
"contrast": {
"black": 3.14,
"white": 6.68
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/firebrick/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/firebrick/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/firebrick.json"
},
{
"slug": "dusty-rose",
"name": "Dusty Rose",
"hex": "#C08081",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2823,
"contrast": {
"black": 6.65,
"white": 3.16
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dusty-rose/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dusty-rose/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dusty-rose.json"
},
{
"slug": "tulip-red",
"name": "Tulip Red",
"hex": "#FF4D4D",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.271,
"contrast": {
"black": 6.42,
"white": 3.27
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/tulip-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tulip-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tulip-red.json"
},
{
"slug": "venetian-red",
"name": "Venetian Red",
"hex": "#C80815",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1251,
"contrast": {
"black": 3.5,
"white": 6
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/venetian-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/venetian-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/venetian-red.json"
},
{
"slug": "traffic-red",
"name": "Traffic Red",
"hex": "#CC0605",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1298,
"contrast": {
"black": 3.6,
"white": 5.84
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/traffic-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/traffic-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/traffic-red.json"
},
{
"slug": "cherry-red",
"name": "Cherry Red",
"hex": "#D2042D",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1398,
"contrast": {
"black": 3.8,
"white": 5.53
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cherry-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cherry-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cherry-red.json"
},
{
"slug": "rose-gold",
"name": "Rose Gold",
"hex": "#B76E79",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.226,
"contrast": {
"black": 5.52,
"white": 3.8
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/rose-gold/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/rose-gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/rose-gold.json"
},
{
"slug": "scarlet",
"name": "Scarlet",
"hex": "#FF2400",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2252,
"contrast": {
"black": 5.5,
"white": 3.82
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/scarlet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/scarlet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/scarlet.json"
},
{
"slug": "cinnabar",
"name": "Cinnabar",
"hex": "#E44D2E",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.22,
"contrast": {
"black": 5.4,
"white": 3.89
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cinnabar/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cinnabar/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cinnabar.json"
},
{
"slug": "neon-red",
"name": "Neon Red",
"hex": "#FF073A",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2172,
"contrast": {
"black": 5.34,
"white": 3.93
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/neon-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-red.json"
},
{
"slug": "indian-red",
"name": "Indian Red",
"hex": "#CD5C5C",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2141,
"contrast": {
"black": 5.28,
"white": 3.98
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/indian-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/indian-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/indian-red.json"
},
{
"slug": "roman-red",
"name": "Roman Red",
"hex": "#CD5C5C",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2141,
"contrast": {
"black": 5.28,
"white": 3.98
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/roman-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/roman-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/roman-red.json"
},
{
"slug": "red",
"name": "Red",
"hex": "#FF0000",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2126,
"contrast": {
"black": 5.25,
"white": 4
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/red.json"
},
{
"slug": "persian-red",
"name": "Persian Red",
"hex": "#CC3333",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.1544,
"contrast": {
"black": 4.09,
"white": 5.14
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/persian-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/persian-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/persian-red.json"
},
{
"slug": "vermilion",
"name": "Vermilion",
"hex": "#E34234",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2048,
"contrast": {
"black": 5.1,
"white": 4.12
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/vermilion/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/vermilion/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/vermilion.json"
},
{
"slug": "crimson",
"name": "Crimson",
"hex": "#DC143C",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1604,
"contrast": {
"black": 4.21,
"white": 4.99
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/crimson/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/crimson/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/crimson.json"
},
{
"slug": "cadmium-red",
"name": "Cadmium Red",
"hex": "#E30022",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1645,
"contrast": {
"black": 4.29,
"white": 4.9
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cadmium-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cadmium-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cadmium-red.json"
},
{
"slug": "signal-red",
"name": "Signal Red",
"hex": "#E60000",
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1682,
"contrast": {
"black": 4.36,
"white": 4.81
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/signal-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/signal-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/signal-red.json"
},
{
"slug": "spinel",
"name": "Spinel",
"hex": "#D83A56",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.183,
"contrast": {
"black": 4.66,
"white": 4.51
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/spinel/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/spinel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/spinel.json"
},
{
"slug": "poppy-red",
"name": "Poppy Red",
"hex": "#DC343B",
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.1799,
"contrast": {
"black": 4.6,
"white": 4.57
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/poppy-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/poppy-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/poppy-red.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/red/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/red.json"
},
{
"family": "gray",
"label": "Gray accessible colors",
"count": 47,
"aaaCount": 30,
"aaOnlyCount": 17,
"colors": [
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"luminance": 0,
"contrast": {
"black": 1,
"white": 21
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/black/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/black.json"
},
{
"slug": "white",
"name": "White",
"hex": "#FFFFFF",
"family": "gray",
"temperature": "neutral",
"tone": [
"light",
"neutral"
],
"luminance": 1,
"contrast": {
"black": 21,
"white": 1
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/white/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/white.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0037,
"contrast": {
"black": 1.07,
"white": 19.55
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/carbon-black/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/carbon-black.json"
},
{
"slug": "white-smoke",
"name": "White Smoke",
"hex": "#F5F5F5",
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"luminance": 0.9131,
"contrast": {
"black": 19.26,
"white": 1.09
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/white-smoke/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/white-smoke/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/white-smoke.json"
},
{
"slug": "mercury",
"name": "Mercury",
"hex": "#EBEBEB",
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"luminance": 0.8308,
"contrast": {
"black": 17.62,
"white": 1.19
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mercury/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mercury/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mercury.json"
},
{
"slug": "matte-black",
"name": "Matte Black",
"hex": "#1A1A1A",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0103,
"contrast": {
"black": 1.21,
"white": 17.41
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/matte-black/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/matte-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/matte-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0116,
"contrast": {
"black": 1.23,
"white": 17.05
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/carbon-fiber/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/carbon-fiber.json"
},
{
"slug": "platinum",
"name": "Platinum",
"hex": "#E5E4E2",
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"luminance": 0.7764,
"contrast": {
"black": 16.53,
"white": 1.27
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/platinum/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/platinum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/platinum.json"
},
{
"slug": "raisin",
"name": "Raisin",
"hex": "#242124",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0159,
"contrast": {
"black": 1.32,
"white": 15.93
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/raisin/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/raisin/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/raisin.json"
},
{
"slug": "gainsboro",
"name": "Gainsboro",
"hex": "#DCDCDC",
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"luminance": 0.7157,
"contrast": {
"black": 15.31,
"white": 1.37
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/gainsboro/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/gainsboro/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/gainsboro.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.699,
"contrast": {
"black": 14.98,
"white": 1.4
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/aluminum/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/aluminum.json"
},
{
"slug": "rubber",
"name": "Rubber",
"hex": "#2A2725",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0208,
"contrast": {
"black": 1.42,
"white": 14.83
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/rubber/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/rubber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/rubber.json"
},
{
"slug": "slate-black",
"name": "Slate Black",
"hex": "#26282A",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.021,
"contrast": {
"black": 1.42,
"white": 14.79
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/slate-black/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/slate-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/slate-black.json"
},
{
"slug": "chrome",
"name": "Chrome",
"hex": "#D5D5D5",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.6654,
"contrast": {
"black": 14.31,
"white": 1.47
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/chrome/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/chrome/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/chrome.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0242,
"contrast": {
"black": 1.48,
"white": 14.15
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/asphalt/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/asphalt.json"
},
{
"slug": "light-gray",
"name": "Light Gray",
"hex": "#D3D3D3",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.6514,
"contrast": {
"black": 14.03,
"white": 1.5
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-gray.json"
},
{
"slug": "light-grey",
"name": "Light Grey",
"hex": "#D3D3D3",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.6514,
"contrast": {
"black": 14.03,
"white": 1.5
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-grey.json"
},
{
"slug": "jet",
"name": "Jet",
"hex": "#343434",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0343,
"contrast": {
"black": 1.69,
"white": 12.46
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/jet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/jet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/jet.json"
},
{
"slug": "onyx",
"name": "Onyx",
"hex": "#353839",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0388,
"contrast": {
"black": 1.78,
"white": 11.82
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/onyx/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/onyx/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/onyx.json"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"luminance": 0.0395,
"contrast": {
"black": 1.79,
"white": 11.73
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/graphite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/graphite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/graphite.json"
},
{
"slug": "silver",
"name": "Silver",
"hex": "#C0C0C0",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.5271,
"contrast": {
"black": 11.54,
"white": 1.82
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/silver/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/silver/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/silver.json"
},
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"luminance": 0.0561,
"contrast": {
"black": 2.12,
"white": 9.9
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/charcoal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/charcoal.json"
},
{
"slug": "galvanized-steel",
"name": "Galvanized Steel",
"hex": "#A9B0B4",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.4278,
"contrast": {
"black": 9.56,
"white": 2.2
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/galvanized-steel/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/galvanized-steel.json"
},
{
"slug": "iron",
"name": "Iron",
"hex": "#48494B",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.0665,
"contrast": {
"black": 2.33,
"white": 9.01
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/iron/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/iron/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/iron.json"
},
{
"slug": "silver-metallic",
"name": "Silver Metallic",
"hex": "#AAA9AD",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.3994,
"contrast": {
"black": 8.99,
"white": 2.34
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/silver-metallic/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/silver-metallic/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/silver-metallic.json"
},
{
"slug": "dark-gray",
"name": "Dark Gray",
"hex": "#A9A9A9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.3968,
"contrast": {
"black": 8.94,
"white": 2.35
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-gray.json"
},
{
"slug": "dark-grey",
"name": "Dark Grey",
"hex": "#A9A9A9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.3968,
"contrast": {
"black": 8.94,
"white": 2.35
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-grey.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.0704,
"contrast": {
"black": 2.41,
"white": 8.72
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/asphalt-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.0719,
"contrast": {
"black": 2.44,
"white": 8.61
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/basalt/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/basalt.json"
},
{
"slug": "soapstone",
"name": "Soapstone",
"hex": "#8D9A91",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.3082,
"contrast": {
"black": 7.16,
"white": 2.93
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/soapstone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/soapstone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/soapstone.json"
},
{
"slug": "pewter",
"name": "Pewter",
"hex": "#899499",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.288,
"contrast": {
"black": 6.76,
"white": 3.11
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pewter/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pewter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pewter.json"
},
{
"slug": "primer-gray",
"name": "Primer Gray",
"hex": "#8B8C89",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2605,
"contrast": {
"black": 6.21,
"white": 3.38
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/primer-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/primer-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/primer-gray.json"
},
{
"slug": "river-stone",
"name": "River Stone",
"hex": "#7E8A8A",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2445,
"contrast": {
"black": 5.89,
"white": 3.57
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/river-stone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/river-stone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/river-stone.json"
},
{
"slug": "titanium",
"name": "Titanium",
"hex": "#878681",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2379,
"contrast": {
"black": 5.76,
"white": 3.65
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/titanium/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/titanium/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/titanium.json"
},
{
"slug": "granite",
"name": "Granite",
"hex": "#676767",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.1356,
"contrast": {
"black": 3.71,
"white": 5.66
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/granite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/granite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/granite.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2299,
"contrast": {
"black": 5.6,
"white": 3.75
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/warm-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/warm-gray.json"
},
{
"slug": "stone",
"name": "Stone",
"hex": "#8A817C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2256,
"contrast": {
"black": 5.51,
"white": 3.81
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/stone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/stone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/stone.json"
},
{
"slug": "dim-gray",
"name": "Dim Gray",
"hex": "#696969",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.1413,
"contrast": {
"black": 3.83,
"white": 5.49
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dim-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dim-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dim-gray.json"
},
{
"slug": "dim-grey",
"name": "Dim Grey",
"hex": "#696969",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.1413,
"contrast": {
"black": 3.83,
"white": 5.49
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dim-grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dim-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dim-grey.json"
},
{
"slug": "gray",
"name": "Gray",
"hex": "#808080",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2159,
"contrast": {
"black": 5.32,
"white": 3.95
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/gray.json"
},
{
"slug": "grey",
"name": "Grey",
"hex": "#808080",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2159,
"contrast": {
"black": 5.32,
"white": 3.95
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/grey.json"
},
{
"slug": "zinc",
"name": "Zinc",
"hex": "#7D7F7C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2099,
"contrast": {
"black": 5.2,
"white": 4.04
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/zinc/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/zinc/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/zinc.json"
},
{
"slug": "smoke",
"name": "Smoke",
"hex": "#738276",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.2092,
"contrast": {
"black": 5.18,
"white": 4.05
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/smoke/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/smoke/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/smoke.json"
},
{
"slug": "machinery-gray",
"name": "Machinery Gray",
"hex": "#6C6F70",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.1573,
"contrast": {
"black": 4.15,
"white": 5.07
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/machinery-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/machinery-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/machinery-gray.json"
},
{
"slug": "wet-concrete",
"name": "Wet Concrete",
"hex": "#6F7378",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.17,
"contrast": {
"black": 4.4,
"white": 4.77
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/wet-concrete/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/wet-concrete/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/wet-concrete.json"
},
{
"slug": "steel-gray",
"name": "Steel Gray",
"hex": "#71797E",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.1869,
"contrast": {
"black": 4.74,
"white": 4.43
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/steel-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/steel-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/steel-gray.json"
},
{
"slug": "nickel",
"name": "Nickel",
"hex": "#727472",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"luminance": 0.1728,
"contrast": {
"black": 4.46,
"white": 4.71
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/nickel/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/nickel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/nickel.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/gray.json"
},
{
"family": "pink",
"label": "Pink accessible colors",
"count": 39,
"aaaCount": 22,
"aaOnlyCount": 17,
"colors": [
{
"slug": "lavender-blush",
"name": "Lavender Blush",
"hex": "#FFF0F5",
"family": "pink",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.9017,
"contrast": {
"black": 19.03,
"white": 1.1
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lavender-blush/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lavender-blush/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lavender-blush.json"
},
{
"slug": "powder-pink",
"name": "Powder Pink",
"hex": "#FDDDE6",
"family": "pink",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"luminance": 0.7831,
"contrast": {
"black": 16.66,
"white": 1.26
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/powder-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/powder-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/powder-pink.json"
},
{
"slug": "merlot",
"name": "Merlot",
"hex": "#541E2E",
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"luminance": 0.0301,
"contrast": {
"black": 1.6,
"white": 13.11
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/merlot/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/merlot/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/merlot.json"
},
{
"slug": "orchid-pink",
"name": "Orchid Pink",
"hex": "#F2BDCD",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.5968,
"contrast": {
"black": 12.94,
"white": 1.62
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/orchid-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/orchid-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/orchid-pink.json"
},
{
"slug": "tyrian-purple",
"name": "Tyrian Purple",
"hex": "#66023C",
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"luminance": 0.0319,
"contrast": {
"black": 1.64,
"white": 12.82
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/tyrian-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tyrian-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tyrian-purple.json"
},
{
"slug": "pastel-lavender",
"name": "Pastel Lavender",
"hex": "#D8BFD8",
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.5682,
"contrast": {
"black": 12.36,
"white": 1.7
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-lavender/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-lavender/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-lavender.json"
},
{
"slug": "thistle",
"name": "Thistle",
"hex": "#D8BFD8",
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.5682,
"contrast": {
"black": 12.36,
"white": 1.7
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/thistle/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/thistle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/thistle.json"
},
{
"slug": "thistle-purple",
"name": "Thistle Purple",
"hex": "#D8BFD8",
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.5682,
"contrast": {
"black": 12.36,
"white": 1.7
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/thistle-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/thistle-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/thistle-purple.json"
},
{
"slug": "kunzite",
"name": "Kunzite",
"hex": "#E8B7D4",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.5578,
"contrast": {
"black": 12.16,
"white": 1.73
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/kunzite/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/kunzite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/kunzite.json"
},
{
"slug": "aubergine",
"name": "Aubergine",
"hex": "#472C4C",
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"luminance": 0.0366,
"contrast": {
"black": 1.73,
"white": 12.12
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/aubergine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/aubergine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/aubergine.json"
},
{
"slug": "plum",
"name": "Plum",
"hex": "#DDA0DD",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.4573,
"contrast": {
"black": 10.15,
"white": 2.07
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/plum/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/plum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/plum.json"
},
{
"slug": "ruby-wine",
"name": "Ruby Wine",
"hex": "#7B1E3A",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0544,
"contrast": {
"black": 2.09,
"white": 10.06
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/ruby-wine/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/ruby-wine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/ruby-wine.json"
},
{
"slug": "byzantium",
"name": "Byzantium",
"hex": "#702963",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0593,
"contrast": {
"black": 2.19,
"white": 9.61
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/byzantium/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/byzantium/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/byzantium.json"
},
{
"slug": "flamingo-pink",
"name": "Flamingo Pink",
"hex": "#FC8EAC",
"family": "pink",
"temperature": "warm",
"tone": [
"pastel"
],
"luminance": 0.4302,
"contrast": {
"black": 9.6,
"white": 2.19
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/flamingo-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/flamingo-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/flamingo-pink.json"
},
{
"slug": "lilac",
"name": "Lilac",
"hex": "#C8A2C8",
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.4229,
"contrast": {
"black": 9.46,
"white": 2.22
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lilac/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lilac/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lilac.json"
},
{
"slug": "purple",
"name": "Purple",
"hex": "#800080",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0615,
"contrast": {
"black": 2.23,
"white": 9.42
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/purple.json"
},
{
"slug": "violet",
"name": "Violet",
"hex": "#EE82EE",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.4032,
"contrast": {
"black": 9.06,
"white": 2.32
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/violet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/violet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/violet.json"
},
{
"slug": "eggplant",
"name": "Eggplant",
"hex": "#614051",
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"luminance": 0.068,
"contrast": {
"black": 2.36,
"white": 8.9
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/eggplant/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/eggplant/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/eggplant.json"
},
{
"slug": "mardi-gras",
"name": "Mardi Gras",
"hex": "#880085",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0693,
"contrast": {
"black": 2.39,
"white": 8.8
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/mardi-gras/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mardi-gras/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mardi-gras.json"
},
{
"slug": "dark-magenta",
"name": "Dark Magenta",
"hex": "#8B008B",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.0735,
"contrast": {
"black": 2.47,
"white": 8.5
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-magenta/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-magenta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-magenta.json"
},
{
"slug": "hot-pink",
"name": "Hot Pink",
"hex": "#FF69B4",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.3466,
"contrast": {
"black": 7.93,
"white": 2.65
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/hot-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/hot-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/hot-pink.json"
},
{
"slug": "orchid",
"name": "Orchid",
"hex": "#DA70D6",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.3135,
"contrast": {
"black": 7.27,
"white": 2.89
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/orchid/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/orchid/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/orchid.json"
},
{
"slug": "strawberry",
"name": "Strawberry",
"hex": "#FC5A8D",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2993,
"contrast": {
"black": 6.99,
"white": 3.01
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/strawberry/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/strawberry/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/strawberry.json"
},
{
"slug": "pale-violet-red",
"name": "Pale Violet Red",
"hex": "#DB7093",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2875,
"contrast": {
"black": 6.75,
"white": 3.11
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pale-violet-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pale-violet-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pale-violet-red.json"
},
{
"slug": "fuchsia",
"name": "Fuchsia",
"hex": "#FF00FF",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2848,
"contrast": {
"black": 6.7,
"white": 3.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/fuchsia/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fuchsia/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fuchsia.json"
},
{
"slug": "magenta",
"name": "Magenta",
"hex": "#FF00FF",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2848,
"contrast": {
"black": 6.7,
"white": 3.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/magenta/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/magenta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/magenta.json"
},
{
"slug": "neon-pink",
"name": "Neon Pink",
"hex": "#FF10F0",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2792,
"contrast": {
"black": 6.58,
"white": 3.19
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/neon-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-pink.json"
},
{
"slug": "hot-magenta",
"name": "Hot Magenta",
"hex": "#FF1DCE",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2659,
"contrast": {
"black": 6.32,
"white": 3.32
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/hot-magenta/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/hot-magenta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/hot-magenta.json"
},
{
"slug": "plum-purple",
"name": "Plum Purple",
"hex": "#8E4585",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.117,
"contrast": {
"black": 3.34,
"white": 6.29
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/plum-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/plum-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/plum-purple.json"
},
{
"slug": "blush",
"name": "Blush",
"hex": "#DE5D83",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.25,
"contrast": {
"black": 6,
"white": 3.5
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/blush/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/blush/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/blush.json"
},
{
"slug": "bougainvillea",
"name": "Bougainvillea",
"hex": "#D958A0",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2427,
"contrast": {
"black": 5.85,
"white": 3.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/bougainvillea/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/bougainvillea/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/bougainvillea.json"
},
{
"slug": "rose-red",
"name": "Rose Red",
"hex": "#C21E56",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1307,
"contrast": {
"black": 3.61,
"white": 5.81
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/rose-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/rose-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/rose-red.json"
},
{
"slug": "deep-pink",
"name": "Deep Pink",
"hex": "#FF1493",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2387,
"contrast": {
"black": 5.77,
"white": 3.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/deep-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/deep-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/deep-pink.json"
},
{
"slug": "fluorescent-pink",
"name": "Fluorescent Pink",
"hex": "#FF1493",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.2387,
"contrast": {
"black": 5.77,
"white": 3.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/fluorescent-pink/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/fluorescent-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/fluorescent-pink.json"
},
{
"slug": "hibiscus",
"name": "Hibiscus",
"hex": "#B6316C",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.1322,
"contrast": {
"black": 3.64,
"white": 5.76
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/hibiscus/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/hibiscus/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/hibiscus.json"
},
{
"slug": "medium-violet-red",
"name": "Medium Violet Red",
"hex": "#C71585",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1437,
"contrast": {
"black": 3.87,
"white": 5.42
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/medium-violet-red/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-violet-red/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-violet-red.json"
},
{
"slug": "orchid-purple",
"name": "Orchid Purple",
"hex": "#B565A7",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.2192,
"contrast": {
"black": 5.38,
"white": 3.9
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/orchid-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/orchid-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/orchid-purple.json"
},
{
"slug": "mulberry",
"name": "Mulberry",
"hex": "#C54B8C",
"family": "pink",
"temperature": "warm",
"tone": [
"balanced"
],
"luminance": 0.188,
"contrast": {
"black": 4.76,
"white": 4.41
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mulberry/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mulberry/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mulberry.json"
},
{
"slug": "raspberry",
"name": "Raspberry",
"hex": "#E30B5D",
"family": "pink",
"temperature": "warm",
"tone": [
"vibrant"
],
"luminance": 0.1736,
"contrast": {
"black": 4.47,
"white": 4.7
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/raspberry/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/raspberry/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/raspberry.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/pink/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/pink.json"
},
{
"family": "cyan",
"label": "Cyan accessible colors",
"count": 35,
"aaaCount": 26,
"aaOnlyCount": 9,
"colors": [
{
"slug": "azure",
"name": "Azure",
"hex": "#F0FFFF",
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9727,
"contrast": {
"black": 20.45,
"white": 1.03
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/azure/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/azure/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/azure.json"
},
{
"slug": "light-cyan",
"name": "Light Cyan",
"hex": "#E0FFFF",
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9459,
"contrast": {
"black": 19.92,
"white": 1.05
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-cyan/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-cyan/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-cyan.json"
},
{
"slug": "celeste",
"name": "Celeste",
"hex": "#B2FFFF",
"family": "cyan",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.882,
"contrast": {
"black": 18.64,
"white": 1.13
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/celeste/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/celeste/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/celeste.json"
},
{
"slug": "duck-egg-blue",
"name": "Duck Egg Blue",
"hex": "#C3FBF4",
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.8713,
"contrast": {
"black": 18.43,
"white": 1.14
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/duck-egg-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/duck-egg-blue.json"
},
{
"slug": "electric-blue",
"name": "Electric Blue",
"hex": "#7DF9FF",
"family": "cyan",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.7933,
"contrast": {
"black": 16.87,
"white": 1.25
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/electric-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/electric-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/electric-blue.json"
},
{
"slug": "aqua",
"name": "Aqua",
"hex": "#00FFFF",
"family": "cyan",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7874,
"contrast": {
"black": 16.75,
"white": 1.25
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/aqua/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/aqua/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/aqua.json"
},
{
"slug": "cyan",
"name": "Cyan",
"hex": "#00FFFF",
"family": "cyan",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.7874,
"contrast": {
"black": 16.75,
"white": 1.25
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cyan/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cyan/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cyan.json"
},
{
"slug": "moonstone",
"name": "Moonstone",
"hex": "#D9E6E8",
"family": "cyan",
"temperature": "cool",
"tone": [
"light"
],
"luminance": 0.7717,
"contrast": {
"black": 16.43,
"white": 1.28
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/moonstone/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/moonstone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/moonstone.json"
},
{
"slug": "pale-turquoise",
"name": "Pale Turquoise",
"hex": "#AFEEEE",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.7644,
"contrast": {
"black": 16.29,
"white": 1.29
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pale-turquoise/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pale-turquoise/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pale-turquoise.json"
},
{
"slug": "pastel-aqua",
"name": "Pastel Aqua",
"hex": "#B8E8E0",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.7329,
"contrast": {
"black": 15.66,
"white": 1.34
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-aqua/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-aqua/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-aqua.json"
},
{
"slug": "powder-blue",
"name": "Powder Blue",
"hex": "#B0E0E6",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.6825,
"contrast": {
"black": 14.65,
"white": 1.43
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/powder-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/powder-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/powder-blue.json"
},
{
"slug": "pastel-teal",
"name": "Pastel Teal",
"hex": "#9FD8D2",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.6114,
"contrast": {
"black": 13.23,
"white": 1.59
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-teal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-teal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-teal.json"
},
{
"slug": "turquoise",
"name": "Turquoise",
"hex": "#40E0D0",
"family": "cyan",
"temperature": "cool",
"tone": [
"bright",
"vibrant"
],
"luminance": 0.5896,
"contrast": {
"black": 12.79,
"white": 1.64
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/turquoise/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/turquoise/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/turquoise.json"
},
{
"slug": "medium-turquoise",
"name": "Medium Turquoise",
"hex": "#48D1CC",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.5134,
"contrast": {
"black": 11.27,
"white": 1.86
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-turquoise/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-turquoise/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-turquoise.json"
},
{
"slug": "aquamarine-blue",
"name": "Aquamarine Blue",
"hex": "#6BCAE2",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.5086,
"contrast": {
"black": 11.17,
"white": 1.88
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/aquamarine-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/aquamarine-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/aquamarine-blue.json"
},
{
"slug": "dark-turquoise",
"name": "Dark Turquoise",
"hex": "#00CED1",
"family": "cyan",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.4875,
"contrast": {
"black": 10.75,
"white": 1.95
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-turquoise/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-turquoise/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-turquoise.json"
},
{
"slug": "robin-egg-blue",
"name": "Robin Egg Blue",
"hex": "#00CCCC",
"family": "cyan",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.4755,
"contrast": {
"black": 10.51,
"white": 2
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/robin-egg-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/robin-egg-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/robin-egg-blue.json"
},
{
"slug": "spruce",
"name": "Spruce",
"hex": "#2E4F4F",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.0674,
"contrast": {
"black": 2.35,
"white": 8.94
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/spruce/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/spruce/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/spruce.json"
},
{
"slug": "dark-slate-gray",
"name": "Dark Slate Gray",
"hex": "#2F4F4F",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.0676,
"contrast": {
"black": 2.35,
"white": 8.93
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-slate-gray/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-slate-gray.json"
},
{
"slug": "dark-slate-grey",
"name": "Dark Slate Grey",
"hex": "#2F4F4F",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.0676,
"contrast": {
"black": 2.35,
"white": 8.93
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-slate-grey/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-slate-grey.json"
},
{
"slug": "verdigris",
"name": "Verdigris",
"hex": "#43B3AE",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.3649,
"contrast": {
"black": 8.3,
"white": 2.53
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/verdigris/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/verdigris/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/verdigris.json"
},
{
"slug": "light-sea-green",
"name": "Light Sea Green",
"hex": "#20B2AA",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.3505,
"contrast": {
"black": 8.01,
"white": 2.62
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/light-sea-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/light-sea-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/light-sea-green.json"
},
{
"slug": "tourmaline",
"name": "Tourmaline",
"hex": "#86A1A9",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.3342,
"contrast": {
"black": 7.68,
"white": 2.73
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/tourmaline/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/tourmaline/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/tourmaline.json"
},
{
"slug": "peacock-blue",
"name": "Peacock Blue",
"hex": "#005F69",
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"luminance": 0.092,
"contrast": {
"black": 2.84,
"white": 7.39
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/peacock-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peacock-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peacock-blue.json"
},
{
"slug": "petrol-blue",
"name": "Petrol Blue",
"hex": "#005F6A",
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"luminance": 0.0923,
"contrast": {
"black": 2.85,
"white": 7.38
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/petrol-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/petrol-blue.json"
},
{
"slug": "manganese-blue",
"name": "Manganese Blue",
"hex": "#03A89E",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.3049,
"contrast": {
"black": 7.1,
"white": 2.96
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/manganese-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/manganese-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/manganese-blue.json"
},
{
"slug": "cadet-blue",
"name": "Cadet Blue",
"hex": "#5F9EA0",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.2942,
"contrast": {
"black": 6.88,
"white": 3.05
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/cadet-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cadet-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cadet-blue.json"
},
{
"slug": "persian-green",
"name": "Persian Green",
"hex": "#00A693",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2938,
"contrast": {
"black": 6.88,
"white": 3.05
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/persian-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/persian-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/persian-green.json"
},
{
"slug": "peacock-green",
"name": "Peacock Green",
"hex": "#006D5B",
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"luminance": 0.1169,
"contrast": {
"black": 3.34,
"white": 6.29
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/peacock-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peacock-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peacock-green.json"
},
{
"slug": "storm-blue",
"name": "Storm Blue",
"hex": "#4F666A",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.1221,
"contrast": {
"black": 3.44,
"white": 6.1
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/storm-blue/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/storm-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/storm-blue.json"
},
{
"slug": "pine-green",
"name": "Pine Green",
"hex": "#01796F",
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"luminance": 0.1483,
"contrast": {
"black": 3.97,
"white": 5.3
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/pine-green/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pine-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pine-green.json"
},
{
"slug": "dark-cyan",
"name": "Dark Cyan",
"hex": "#008B8B",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2033,
"contrast": {
"black": 5.07,
"white": 4.15
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/dark-cyan/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-cyan/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-cyan.json"
},
{
"slug": "oxidized-copper",
"name": "Oxidized Copper",
"hex": "#6E7F80",
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.2005,
"contrast": {
"black": 5.01,
"white": 4.19
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/oxidized-copper/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/oxidized-copper/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/oxidized-copper.json"
},
{
"slug": "teal",
"name": "Teal",
"hex": "#008080",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced",
"vibrant"
],
"luminance": 0.17,
"contrast": {
"black": 4.4,
"white": 4.77
},
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/teal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/teal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/teal.json"
},
{
"slug": "peacock-teal",
"name": "Peacock Teal",
"hex": "#00827F",
"family": "cyan",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.175,
"contrast": {
"black": 4.5,
"white": 4.67
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/peacock-teal/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/peacock-teal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/peacock-teal.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/cyan/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/cyan.json"
},
{
"family": "purple",
"label": "Purple accessible colors",
"count": 24,
"aaaCount": 13,
"aaOnlyCount": 11,
"colors": [
{
"slug": "magnolia",
"name": "Magnolia",
"hex": "#F8F4FF",
"family": "purple",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.9188,
"contrast": {
"black": 19.38,
"white": 1.08
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/magnolia/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/magnolia/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/magnolia.json"
},
{
"slug": "lavender",
"name": "Lavender",
"hex": "#E6E6FA",
"family": "purple",
"temperature": "cool",
"tone": [
"pastel",
"light"
],
"luminance": 0.8032,
"contrast": {
"black": 17.06,
"white": 1.23
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/lavender/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/lavender/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/lavender.json"
},
{
"slug": "powder-lavender",
"name": "Powder Lavender",
"hex": "#DCD0FF",
"family": "purple",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"luminance": 0.6755,
"contrast": {
"black": 14.51,
"white": 1.45
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/powder-lavender/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/powder-lavender/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/powder-lavender.json"
},
{
"slug": "indigo",
"name": "Indigo",
"hex": "#4B0082",
"family": "purple",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0311,
"contrast": {
"black": 1.62,
"white": 12.95
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/indigo/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/indigo/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/indigo.json"
},
{
"slug": "mauve",
"name": "Mauve",
"hex": "#E0B0FF",
"family": "purple",
"temperature": "cool",
"tone": [
"pastel"
],
"luminance": 0.5412,
"contrast": {
"black": 11.82,
"white": 1.78
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/mauve/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/mauve/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/mauve.json"
},
{
"slug": "pastel-lilac",
"name": "Pastel Lilac",
"hex": "#BDB0D0",
"family": "purple",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.4642,
"contrast": {
"black": 10.28,
"white": 2.04
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/pastel-lilac/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/pastel-lilac/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/pastel-lilac.json"
},
{
"slug": "imperial-purple",
"name": "Imperial Purple",
"hex": "#602F6B",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.0558,
"contrast": {
"black": 2.12,
"white": 9.92
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/imperial-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/imperial-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/imperial-purple.json"
},
{
"slug": "wisteria",
"name": "Wisteria",
"hex": "#C9A0DC",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.4273,
"contrast": {
"black": 9.55,
"white": 2.2
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/wisteria/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/wisteria/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/wisteria.json"
},
{
"slug": "heather",
"name": "Heather",
"hex": "#B7A1C7",
"family": "purple",
"temperature": "cool",
"tone": [
"muted"
],
"luminance": 0.3968,
"contrast": {
"black": 8.94,
"white": 2.35
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/heather/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/heather/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/heather.json"
},
{
"slug": "rebecca-purple",
"name": "Rebecca Purple",
"hex": "#663399",
"family": "purple",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0749,
"contrast": {
"black": 2.5,
"white": 8.41
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/rebecca-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/rebecca-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/rebecca-purple.json"
},
{
"slug": "amethyst-deep",
"name": "Amethyst Deep",
"hex": "#5D3A9B",
"family": "purple",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0772,
"contrast": {
"black": 2.54,
"white": 8.25
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/amethyst-deep/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/amethyst-deep/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/amethyst-deep.json"
},
{
"slug": "grape",
"name": "Grape",
"hex": "#6F2DA8",
"family": "purple",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"luminance": 0.0808,
"contrast": {
"black": 2.62,
"white": 8.03
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/grape/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/grape/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/grape.json"
},
{
"slug": "han-purple",
"name": "Han Purple",
"hex": "#5218FA",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.0935,
"contrast": {
"black": 2.87,
"white": 7.32
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/han-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/han-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/han-purple.json"
},
{
"slug": "uv-purple",
"name": "UV Purple",
"hex": "#6F00FF",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.106,
"contrast": {
"black": 3.12,
"white": 6.73
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/uv-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/uv-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/uv-purple.json"
},
{
"slug": "dark-violet",
"name": "Dark Violet",
"hex": "#9400D3",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"luminance": 0.11,
"contrast": {
"black": 3.2,
"white": 6.56
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-violet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-violet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-violet.json"
},
{
"slug": "blue-violet",
"name": "Blue Violet",
"hex": "#8A2BE2",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.1262,
"contrast": {
"black": 3.52,
"white": 5.96
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/blue-violet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/blue-violet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/blue-violet.json"
},
{
"slug": "royal-purple",
"name": "Royal Purple",
"hex": "#7851A9",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.1274,
"contrast": {
"black": 3.55,
"white": 5.92
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/royal-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/royal-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/royal-purple.json"
},
{
"slug": "cobalt-violet",
"name": "Cobalt Violet",
"hex": "#8F00FF",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.1306,
"contrast": {
"black": 3.61,
"white": 5.81
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/cobalt-violet/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/cobalt-violet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/cobalt-violet.json"
},
{
"slug": "dark-orchid",
"name": "Dark Orchid",
"hex": "#9932CC",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.1341,
"contrast": {
"black": 3.68,
"white": 5.7
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"bestStandardText": "#FFFFFF",
"url": "https://www.colorsencyclopedia.com/wcag/dark-orchid/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/dark-orchid/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/dark-orchid.json"
},
{
"slug": "medium-purple",
"name": "Medium Purple",
"hex": "#9370DB",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2291,
"contrast": {
"black": 5.58,
"white": 3.76
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-purple.json"
},
{
"slug": "medium-orchid",
"name": "Medium Orchid",
"hex": "#BA55D3",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2164,
"contrast": {
"black": 5.33,
"white": 3.94
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/medium-orchid/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/medium-orchid/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/medium-orchid.json"
},
{
"slug": "amethyst",
"name": "Amethyst",
"hex": "#9966CC",
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"luminance": 0.2063,
"contrast": {
"black": 5.13,
"white": 4.1
},
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/amethyst/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/amethyst/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/amethyst.json"
},
{
"slug": "electric-purple",
"name": "Electric Purple",
"hex": "#BF00FF",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.183,
"contrast": {
"black": 4.66,
"white": 4.51
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/electric-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/electric-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/electric-purple.json"
},
{
"slug": "neon-purple",
"name": "Neon Purple",
"hex": "#BC13FE",
"family": "purple",
"temperature": "cool",
"tone": [
"vibrant"
],
"luminance": 0.1831,
"contrast": {
"black": 4.66,
"white": 4.5
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"bestStandardText": "#000000",
"url": "https://www.colorsencyclopedia.com/wcag/neon-purple/",
"colorUrl": "https://www.colorsencyclopedia.com/colors/neon-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/wcag/neon-purple.json"
}
],
"familyUrl": "https://www.colorsencyclopedia.com/colors/by-family/purple/",
"familyApiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/purple.json"
}
],
"semanticGroups": [
"accessible colors",
"WCAG AA colors",
"WCAG AAA colors",
"contrast-safe colors",
"AI-ready accessibility dataset"
],
"relatedEndpoints": [
"https://www.colorsencyclopedia.com/api/wcag/accessible-colors.json",
"https://www.colorsencyclopedia.com/api/colors.json",
"https://www.colorsencyclopedia.com/dataset/manifest.json"
]
}Browse Accessible Colors by Family
Open one family at a time. Each accessible color appears once in this index, with links to its detailed WCAG page.
Orange Accessible Colors93 colors · 67 AAA
Orange accessible colors include 93 named swatches with at least one standard AA text option. 67 also reach AAA in the current black/white text set.
Floral Whiteorange · AAA · best black text
#FFFAF0
Sea Shellorange · AAA · best black text
#FFF5EE
Old Laceorange · AAA · best black text
#FDF5E6
Linenorange · AAA · best black text
#FAF0E6
Linen Whiteorange · AAA · best black text
#FAF0E6
Papaya Whiporange · AAA · best black text
#FFEFD5
Blanched Almondorange · AAA · best black text
#FFEBCD
Antique Whiteorange · AAA · best black text
#FAEBD7
Champagneorange · AAA · best black text
#F7E7CE
Bisqueorange · AAA · best black text
#FFE4C4
Peachorange · AAA · best black text
#FFE5B4
Moccasinorange · AAA · best black text
#FFE4B5
Vellumorange · AAA · best black text
#EFE3C8
Navajo Whiteorange · AAA · best black text
#FFDEAD
Pearlorange · AAA · best black text
#EAE0C8
Pastel Peachorange · AAA · best black text
#FFDAB9
Peach Pufforange · AAA · best black text
#FFDAB9
Wheatorange · AAA · best black text
#F5DEB3
Soft Peachorange · AAA · best black text
#FAD7A0
Quartzorange · AAA · best black text
#E7D9D1
Boneorange · AAA · best black text
#E3DAC9
Apricotorange · AAA · best black text
#FBCEB1
Feldsparorange · AAA · best black text
#F0CDB7
Limestoneorange · AAA · best black text
#D8D2C4
Topazorange · AAA · best black text
#FFC87C
Desert Sandorange · AAA · best black text
#EDC9AF
Oatorange · AAA · best black text
#D8CAB8
Micaorange · AAA · best black text
#D8C7B0
Buttercuporange · AAA · best black text
#F3C13A
Pale Goldorange · AAA · best black text
#E6BE8A
Travertineorange · AAA · best black text
#D6C1A3
Espressoorange · AAA · best white text
#4B3621
Burly Woodorange · AAA · best black text
#DEB887
Pine Barkorange · AAA · best white text
#4A3728
Champagne Goldorange · AAA · best black text
#D6B971
Chrome Yelloworange · AAA · best black text
#FFA700
Taupeorange · AAA · best white text
#483C32
Tanorange · AAA · best black text
#D2B48C
Orangeorange · AAA · best black text
#FFA500
Light Salmonorange · AAA · best black text
#FFA07A
Sandy Brownorange · AAA · best black text
#F4A460
Barkorange · AAA · best white text
#5B3A29
Sandstoneorange · AAA · best black text
#C9AE74
Marigoldorange · AAA · best black text
#EAA221
Walnutorange · AAA · best white text
#5C4033
Goldenrodorange · AAA · best black text
#DAA520
Mushroomorange · AAA · best black text
#B7A99A
Dark Salmonorange · AAA · best black text
#E9967A
Dark Orangeorange · AAA · best black text
#FF8C00
Greigeorange · AAA · best black text
#B0A999
Butterscotchorange · AAA · best black text
#E3963E
Sepiaorange · AAA · best white text
#704214
Coralorange · AAA · best black text
#FF7F50
Construction Orangeorange · AAA · best black text
#FF7F00
Tangerineorange · AAA · best black text
#F28500
Cadmium Orangeorange · AAA · best black text
#ED872D
Camelorange · AAA · best black text
#C19A6B
Safety Orangeorange · AAA · best black text
#FF7900
Pumpkinorange · AAA · best black text
#FF7518
Raw Siennaorange · AAA · best black text
#D68A59
Driftwoodorange · AAA · best black text
#A69A8D
Umberorange · AAA · best white text
#635147
Loamorange · AAA · best white text
#6B4F3A
Coffeeorange · AAA · best white text
#6F4E37
Hazard Orangeorange · AAA · best black text
#FF6700
Saddle Brownorange · AAA · best white text
#8B4513
Peruorange · AAA · best black text
#CD853F
Neon Orangeorange · AA · best black text
#FF5F1F
Antique Goldorange · AA · best black text
#B08D57
Terracottaorange · AA · best black text
#E2725B
Bronzeorange · AA · best black text
#CD7F32
Dark Goldenrodorange · AA · best black text
#B8860B
International Orangeorange · AA · best black text
#FF4F00
Ochreorange · AA · best black text
#CC7722
Orange Redorange · AA · best black text
#FF4500
Fire Opalorange · AA · best black text
#E95C20
Cedarorange · AA · best white text
#8B5A2B
Chocolateorange · AA · best black text
#D2691E
Cinnamonorange · AA · best black text
#D2691E
Siennaorange · AA · best white text
#A0522D
Rustorange · AA · best white text
#B7410E
Copperorange · AA · best black text
#B87333
Polished Copperorange · AA · best black text
#B87333
Adobeorange · AA · best black text
#BD6C48
Raw Umberorange · AA · best white text
#826644
Desert Clayorange · AA · best black text
#B86D4B
Oakorange · AA · best black text
#A8754F
Mahoganyorange · AA · best white text
#C04000
Mochaorange · AA · best black text
#967969
Clayorange · AA · best black text
#B66A50
Caramelorange · AA · best black text
#AF6E4D
Burnt Orangeorange · AA · best black text
#CC5500
Red Clayorange · AA · best white text
#B45A3C
Blue Accessible Colors71 colors · 44 AAA
Blue accessible colors include 71 named swatches with at least one standard AA text option. 44 also reach AAA in the current black/white text set.
Ghost Whiteblue · AAA · best black text
#F8F8FF
Cool Whiteblue · AAA · best black text
#F4F8FF
Alice Blueblue · AAA · best black text
#F0F8FF
Cloudblue · AAA · best black text
#F5F6F7
Porcelainblue · AAA · best black text
#F2F3F4
Ice Blueblue · AAA · best black text
#D6F5FF
Milk Blueblue · AAA · best black text
#D6EAF8
Arctic Blueblue · AAA · best black text
#C6E6FB
Navyblue · AAA · best white text
#000080
Navy Blueblue · AAA · best white text
#000080
Dark Blueblue · AAA · best white text
#00008B
Fogblue · AAA · best black text
#D7DDE0
Midnight Blueblue · AAA · best white text
#191970
Ultramarineblue · AAA · best white text
#120A8F
Sapphire Deepblue · AAA · best white text
#082567
Powder Skyblue · AAA · best black text
#B7D9E8
Light Blueblue · AAA · best black text
#ADD8E6
Periwinkleblue · AAA · best black text
#CCCCFF
Prussian Blueblue · AAA · best white text
#003153
Charcoal Blueblue · AAA · best white text
#263238
Gunmetalblue · AAA · best white text
#2A3439
Zaffreblue · AAA · best white text
#0014A8
Baby Blueblue · AAA · best black text
#89CFF0
Light Sky Blueblue · AAA · best black text
#87CEFA
Sky Blueblue · AAA · best black text
#87CEEB
Light Steel Blueblue · AAA · best black text
#B0C4DE
Pastel Blueblue · AAA · best black text
#AEC6CF
Ink Blueblue · AAA · best white text
#003F5C
Medium Blueblue · AAA · best white text
#0000CD
Smaltblue · AAA · best white text
#003399
Maya Blueblue · AAA · best black text
#73C2FB
Egyptian Blueblue · AAA · best white text
#1034A6
Deep Sky Blueblue · AAA · best black text
#00BFFF
Glacier Blueblue · AAA · best black text
#78B9D2
Slate Navyblue · AAA · best white text
#30475E
Dark Slate Blueblue · AAA · best white text
#483D8B
Persian Blueblue · AAA · best white text
#1C39BB
Blueblue · AAA · best white text
#0000FF
Cobalt Blueblue · AAA · best white text
#0047AB
Cadet Grayblue · AAA · best black text
#91A3B0
Violet Blueblue · AAA · best white text
#324AB2
Ioliteblue · AAA · best white text
#5A4C8D
Sapphireblue · AAA · best white text
#0F52BA
Cornflower Blueblue · AAA · best black text
#6495ED
Zircon Blueblue · AA · best black text
#2D9CDB
Signal Blueblue · AA · best white text
#0057B8
Cool Grayblue · AA · best black text
#8C92AC
Cornflowerblue · AA · best black text
#6A8EDB
Dodger Blueblue · AA · best black text
#1E90FF
Lapisblue · AA · best white text
#26619C
Denimblue · AA · best white text
#1560BD
Enamel Blueblue · AA · best white text
#0067A0
Sea Blueblue · AA · best white text
#006994
Irisblue · AA · best white text
#5A4FCF
Tanzaniteblue · AA · best white text
#4D5DAB
Safety Blueblue · AA · best white text
#0067A5
Shaleblue · AA · best white text
#59656F
Light Slate Grayblue · AA · best black text
#778899
Light Slate Greyblue · AA · best black text
#778899
Neon Blueblue · AA · best white text
#1F51FF
Anodized Blueblue · AA · best white text
#0066CC
Aegean Blueblue · AA · best white text
#4E6E81
Slate Blueblue · AA · best white text
#6A5ACD
Slate Grayblue · AA · best black text
#708090
Slate Greyblue · AA · best black text
#708090
Steel Blueblue · AA · best black text
#4682B4
Medium Slate Blueblue · AA · best black text
#7B68EE
Royal Blueblue · AA · best white text
#4169E1
Labradoriteblue · AA · best black text
#607D8B
Ocean Blueblue · AA · best white text
#0077BE
Ceruleanblue · AA · best white text
#007BA7
Green Accessible Colors68 colors · 45 AAA
Green accessible colors include 68 named swatches with at least one standard AA text option. 45 also reach AAA in the current black/white text set.
Mint Creamgreen · AAA · best black text
#F5FFFA
Honeydewgreen · AAA · best black text
#F0FFF0
Pastel Mintgreen · AAA · best black text
#CEFAD0
Soft Mintgreen · AAA · best black text
#D5F5E3
Electric Limegreen · AAA · best black text
#CCFF00
Aquamarinegreen · AAA · best black text
#7FFFD4
Green Yellowgreen · AAA · best black text
#ADFF2F
Mintgreen · AAA · best black text
#98FF98
Mint Greengreen · AAA · best black text
#98FB98
Pale Greengreen · AAA · best black text
#98FB98
Chartreusegreen · AAA · best black text
#7FFF00
Lawn Greengreen · AAA · best black text
#7CFC00
Spring Greengreen · AAA · best black text
#00FF7F
Neon Greengreen · AAA · best black text
#39FF14
Fluorescent Greengreen · AAA · best black text
#08FF08
Limegreen · AAA · best black text
#00FF00
Medium Spring Greengreen · AAA · best black text
#00FA9A
Light Greengreen · AAA · best black text
#90EE90
Pastel Greengreen · AAA · best black text
#C1E1C1
Seafoamgreen · AAA · best black text
#93E9BE
Celadongreen · AAA · best black text
#ACE1AF
Toxic Greengreen · AAA · best black text
#61DE2A
British Racing Greengreen · AAA · best white text
#004225
Pumicegreen · AAA · best black text
#BAC0B4
Opalgreen · AAA · best black text
#A8C3BC
Yellow Greengreen · AAA · best black text
#9ACD32
Ash Graygreen · AAA · best black text
#B2BEB5
Medium Aquamarinegreen · AAA · best black text
#66CDAA
Lichengreen · AAA · best black text
#9BC4A2
Pistachiogreen · AAA · best black text
#93C572
Laurel Greengreen · AAA · best black text
#A9BA9D
Willow Greengreen · AAA · best black text
#A8B88F
Lime Greengreen · AAA · best black text
#32CD32
Emeraldgreen · AAA · best black text
#50C878
Paris Greengreen · AAA · best black text
#50C878
Dark Sea Greengreen · AAA · best black text
#8FBC8F
Pine Needlegreen · AAA · best white text
#334D41
Sage Greengreen · AAA · best black text
#9CAF88
Kelly Greengreen · AAA · best black text
#4CBB17
Medium Sea Greengreen · AAA · best black text
#3CB371
Terre Vertegreen · AAA · best white text
#385E0F
Emerald Darkgreen · AAA · best white text
#046307
Hunter Greengreen · AAA · best white text
#355E3B
Dark Greengreen · AAA · best white text
#006400
Moss Deepgreen · AAA · best white text
#4A5D23
Moss Greengreen · AA · best black text
#8A9A5B
Jadegreen · AA · best black text
#00A86B
Bottle Greengreen · AA · best white text
#006A4E
Shamrockgreen · AA · best black text
#009E60
Dark Olive Greengreen · AA · best white text
#556B2F
Agavegreen · AA · best black text
#6F8F72
Olive Drabgreen · AA · best black text
#6B8E23
Olive Leafgreen · AA · best black text
#6B8E23
Cactus Greengreen · AA · best white text
#587156
Fern Frondgreen · AA · best white text
#657220
Alexandritegreen · AA · best black text
#3D8B74
Greengreen · AA · best white text
#008000
Epoxy Greengreen · AA · best black text
#4E8A57
Eucalyptusgreen · AA · best black text
#5F8575
Fern Greengreen · AA · best white text
#4F7942
Hookers Greengreen · AA · best white text
#49796B
Sea Greengreen · AA · best black text
#2E8B57
Olive Greengreen · AA · best black text
#708238
Scheele Greengreen · AA · best black text
#478800
Forest Greengreen · AA · best black text
#228B22
Traffic Greengreen · AA · best white text
#008450
Viridiangreen · AA · best black text
#40826D
Avocadogreen · AA · best black text
#568203
Yellow Accessible Colors62 colors · 61 AAA
Yellow accessible colors include 62 named swatches with at least one standard AA text option. 61 also reach AAA in the current black/white text set.
Ivoryyellow · AAA · best black text
#FFFFF0
Light Yellowyellow · AAA · best black text
#FFFFE0
Creamyellow · AAA · best black text
#FFFDD0
Lemon Chiffonyellow · AAA · best black text
#FFFACD
Laser Lemonyellow · AAA · best black text
#FFFF66
Cornsilkyellow · AAA · best black text
#FFF8DC
Powder Coat Whiteyellow · AAA · best black text
#F8F8F2
Light Goldenrod Yellowyellow · AAA · best black text
#FAFAD2
Pastel Yellowyellow · AAA · best black text
#FDFD96
Daffodilyellow · AAA · best black text
#FFFF31
Yellowyellow · AAA · best black text
#FFFF00
Paper Whiteyellow · AAA · best black text
#F7F7F2
Soft Yellowyellow · AAA · best black text
#FFF8B8
Warm Whiteyellow · AAA · best black text
#F8F4E3
Beigeyellow · AAA · best black text
#F5F5DC
Lemonyellow · AAA · best black text
#FFF700
Chartreuse Greenyellow · AAA · best black text
#DFFF00
Cadmium Yellowyellow · AAA · best black text
#FFF600
Butteryellow · AAA · best black text
#FFF1A8
Marble Whiteyellow · AAA · best black text
#F2F0E6
Neon Yellowyellow · AAA · best black text
#FFF01F
Canvasyellow · AAA · best black text
#F4EBD0
Canary Yellowyellow · AAA · best black text
#FFEF00
Alabasteryellow · AAA · best black text
#EDEAE0
Eggshellyellow · AAA · best black text
#F0EAD6
Parchmentyellow · AAA · best black text
#F1E9D2
Maizeyellow · AAA · best black text
#FBEC5D
Pale Goldenrodyellow · AAA · best black text
#EEE8AA
Vanillayellow · AAA · best black text
#F3E5AB
Khakiyellow · AAA · best black text
#F0E68C
Golden Yellowyellow · AAA · best black text
#FFDF00
Mustardyellow · AAA · best black text
#FFDB58
Dandelionyellow · AAA · best black text
#F0E130
Naples Yellowyellow · AAA · best black text
#FADA5E
Flaxyellow · AAA · best black text
#EEDC82
School Bus Yellowyellow · AAA · best black text
#FFD800
Goldyellow · AAA · best black text
#FFD700
Pearyellow · AAA · best black text
#D1E231
Cyber Yellowyellow · AAA · best black text
#FFD300
Strawyellow · AAA · best black text
#E4D96F
Caution Yellowyellow · AAA · best black text
#FFCC00
Safety Yellowyellow · AAA · best black text
#EED202
Citrineyellow · AAA · best black text
#E4D00A
Sunfloweryellow · AAA · best black text
#FFC512
Honeyyellow · AAA · best black text
#FFC30B
Saffronyellow · AAA · best black text
#F4C430
Amberyellow · AAA · best black text
#FFBF00
Fluorescent Orangeyellow · AAA · best black text
#FFBF00
Industrial Yellowyellow · AAA · best black text
#F3C300
Peridotyellow · AAA · best black text
#B4C424
Old Goldyellow · AAA · best black text
#CFB53B
Acid Greenyellow · AAA · best black text
#B0BF1A
Bambooyellow · AAA · best black text
#C7B56E
Mustard Yellowyellow · AAA · best black text
#E1AD01
Dark Khakiyellow · AAA · best black text
#BDB76B
Ecruyellow · AAA · best black text
#C2B280
Sandyellow · AAA · best black text
#C2B280
Sage Grayyellow · AAA · best black text
#B2AC88
Brassyellow · AAA · best black text
#B5A642
Brushed Brassyellow · AAA · best black text
#B5A642
Cementyellow · AAA · best black text
#A5A391
Oliveyellow · AA · best black text
#808000
Red Accessible Colors61 colors · 41 AAA
Red accessible colors include 61 named swatches with at least one standard AA text option. 41 also reach AAA in the current black/white text set.
Snowred · AAA · best black text
#FFFAFA
Misty Rosered · AAA · best black text
#FFE4E1
Oxbloodred · AAA · best white text
#4A0000
Pastel Pinkred · AAA · best black text
#FFD1DC
Morganitered · AAA · best black text
#F5C6C6
Pinkred · AAA · best black text
#FFC0CB
Baby Pinkred · AAA · best black text
#F4C2C2
Melonred · AAA · best black text
#FDBCB4
Peatred · AAA · best white text
#3B2F2F
Cherry Blossomred · AAA · best black text
#FFB7C5
Sakura Pinkred · AAA · best black text
#FFB7C5
Light Pinkred · AAA · best black text
#FFB6C1
Pastel Coralred · AAA · best black text
#FFB3A7
Garnet Redred · AAA · best white text
#6E1F26
Soft Coralred · AAA · best black text
#F7A8A8
Lotus Pinkred · AAA · best black text
#F4A7B9
Barn Redred · AAA · best white text
#7C0A02
Maroonred · AAA · best white text
#800000
Burgundyred · AAA · best white text
#800020
Dark Redred · AAA · best white text
#8B0000
Salmon Pinkred · AAA · best black text
#FF91A4
Wine Redred · AAA · best white text
#722F37
Salmon Rosered · AAA · best black text
#E7968B
Garnetred · AAA · best white text
#733635
Carminered · AAA · best white text
#960018
Crimson Redred · AAA · best white text
#990000
Cranberryred · AAA · best white text
#9F000F
Ruby Redred · AAA · best white text
#9B111E
Salmonred · AAA · best black text
#FA8072
Coral Reefred · AAA · best black text
#FD7C6E
Brick Redred · AAA · best white text
#8A3324
Burnt Umberred · AAA · best white text
#8A3324
Light Coralred · AAA · best black text
#F08080
Watermelonred · AAA · best black text
#FC6C85
Rosy Brownred · AAA · best black text
#BC8F8F
Anodized Redred · AAA · best white text
#B00020
Pompeian Redred · AAA · best white text
#A42A04
Tomatored · AAA · best black text
#FF6347
Brownred · AAA · best white text
#A52A2A
Burnt Siennared · AAA · best black text
#E97451
Tool Redred · AAA · best white text
#B11226
Firebrickred · AA · best white text
#B22222
Dusty Rosered · AA · best black text
#C08081
Tulip Redred · AA · best black text
#FF4D4D
Venetian Redred · AA · best white text
#C80815
Traffic Redred · AA · best white text
#CC0605
Cherry Redred · AA · best white text
#D2042D
Rose Goldred · AA · best black text
#B76E79
Scarletred · AA · best black text
#FF2400
Cinnabarred · AA · best black text
#E44D2E
Neon Redred · AA · best black text
#FF073A
Indian Redred · AA · best black text
#CD5C5C
Roman Redred · AA · best black text
#CD5C5C
Redred · AA · best black text
#FF0000
Persian Redred · AA · best white text
#CC3333
Vermilionred · AA · best black text
#E34234
Crimsonred · AA · best white text
#DC143C
Cadmium Redred · AA · best white text
#E30022
Signal Redred · AA · best white text
#E60000
Spinelred · AA · best black text
#D83A56
Poppy Redred · AA · best black text
#DC343B
Gray Accessible Colors47 colors · 30 AAA
Gray accessible colors include 47 named swatches with at least one standard AA text option. 30 also reach AAA in the current black/white text set.
Blackgray · AAA · best white text
#000000
Whitegray · AAA · best black text
#FFFFFF
Carbon Blackgray · AAA · best white text
#0C0C0C
White Smokegray · AAA · best black text
#F5F5F5
Mercurygray · AAA · best black text
#EBEBEB
Matte Blackgray · AAA · best white text
#1A1A1A
Carbon Fibergray · AAA · best white text
#1C1C1C
Platinumgray · AAA · best black text
#E5E4E2
Raisingray · AAA · best white text
#242124
Gainsborogray · AAA · best black text
#DCDCDC
Aluminumgray · AAA · best black text
#D9DAD9
Rubbergray · AAA · best white text
#2A2725
Slate Blackgray · AAA · best white text
#26282A
Chromegray · AAA · best black text
#D5D5D5
Asphaltgray · AAA · best white text
#2B2B2B
Light Graygray · AAA · best black text
#D3D3D3
Light Greygray · AAA · best black text
#D3D3D3
Jetgray · AAA · best white text
#343434
Onyxgray · AAA · best white text
#353839
Graphitegray · AAA · best white text
#383838
Silvergray · AAA · best black text
#C0C0C0
Charcoalgray · AAA · best white text
#36454F
Galvanized Steelgray · AAA · best black text
#A9B0B4
Irongray · AAA · best white text
#48494B
Silver Metallicgray · AAA · best black text
#AAA9AD
Dark Graygray · AAA · best black text
#A9A9A9
Dark Greygray · AAA · best black text
#A9A9A9
Asphalt Graygray · AAA · best white text
#4B4B4B
Basaltgray · AAA · best white text
#4B4C4C
Soapstonegray · AAA · best black text
#8D9A91
Pewtergray · AA · best black text
#899499
Primer Graygray · AA · best black text
#8B8C89
River Stonegray · AA · best black text
#7E8A8A
Titaniumgray · AA · best black text
#878681
Granitegray · AA · best white text
#676767
Warm Graygray · AA · best black text
#8A8378
Stonegray · AA · best black text
#8A817C
Dim Graygray · AA · best white text
#696969
Dim Greygray · AA · best white text
#696969
Graygray · AA · best black text
#808080
Greygray · AA · best black text
#808080
Zincgray · AA · best black text
#7D7F7C
Smokegray · AA · best black text
#738276
Machinery Graygray · AA · best white text
#6C6F70
Wet Concretegray · AA · best white text
#6F7378
Steel Graygray · AA · best black text
#71797E
Nickelgray · AA · best white text
#727472
Pink Accessible Colors39 colors · 22 AAA
Pink accessible colors include 39 named swatches with at least one standard AA text option. 22 also reach AAA in the current black/white text set.
Lavender Blushpink · AAA · best black text
#FFF0F5
Powder Pinkpink · AAA · best black text
#FDDDE6
Merlotpink · AAA · best white text
#541E2E
Orchid Pinkpink · AAA · best black text
#F2BDCD
Tyrian Purplepink · AAA · best white text
#66023C
Pastel Lavenderpink · AAA · best black text
#D8BFD8
Thistlepink · AAA · best black text
#D8BFD8
Thistle Purplepink · AAA · best black text
#D8BFD8
Kunzitepink · AAA · best black text
#E8B7D4
Auberginepink · AAA · best white text
#472C4C
Plumpink · AAA · best black text
#DDA0DD
Ruby Winepink · AAA · best white text
#7B1E3A
Byzantiumpink · AAA · best white text
#702963
Flamingo Pinkpink · AAA · best black text
#FC8EAC
Lilacpink · AAA · best black text
#C8A2C8
Purplepink · AAA · best white text
#800080
Violetpink · AAA · best black text
#EE82EE
Eggplantpink · AAA · best white text
#614051
Mardi Graspink · AAA · best white text
#880085
Dark Magentapink · AAA · best white text
#8B008B
Hot Pinkpink · AAA · best black text
#FF69B4
Orchidpink · AAA · best black text
#DA70D6
Strawberrypink · AA · best black text
#FC5A8D
Pale Violet Redpink · AA · best black text
#DB7093
Fuchsiapink · AA · best black text
#FF00FF
Magentapink · AA · best black text
#FF00FF
Neon Pinkpink · AA · best black text
#FF10F0
Hot Magentapink · AA · best black text
#FF1DCE
Plum Purplepink · AA · best white text
#8E4585
Blushpink · AA · best black text
#DE5D83
Bougainvilleapink · AA · best black text
#D958A0
Rose Redpink · AA · best white text
#C21E56
Deep Pinkpink · AA · best black text
#FF1493
Fluorescent Pinkpink · AA · best black text
#FF1493
Hibiscuspink · AA · best white text
#B6316C
Medium Violet Redpink · AA · best white text
#C71585
Orchid Purplepink · AA · best black text
#B565A7
Mulberrypink · AA · best black text
#C54B8C
Raspberrypink · AA · best white text
#E30B5D
Cyan Accessible Colors35 colors · 26 AAA
Cyan accessible colors include 35 named swatches with at least one standard AA text option. 26 also reach AAA in the current black/white text set.
Azurecyan · AAA · best black text
#F0FFFF
Light Cyancyan · AAA · best black text
#E0FFFF
Celestecyan · AAA · best black text
#B2FFFF
Duck Egg Bluecyan · AAA · best black text
#C3FBF4
Electric Bluecyan · AAA · best black text
#7DF9FF
Aquacyan · AAA · best black text
#00FFFF
Cyancyan · AAA · best black text
#00FFFF
Moonstonecyan · AAA · best black text
#D9E6E8
Pale Turquoisecyan · AAA · best black text
#AFEEEE
Pastel Aquacyan · AAA · best black text
#B8E8E0
Powder Bluecyan · AAA · best black text
#B0E0E6
Pastel Tealcyan · AAA · best black text
#9FD8D2
Turquoisecyan · AAA · best black text
#40E0D0
Medium Turquoisecyan · AAA · best black text
#48D1CC
Aquamarine Bluecyan · AAA · best black text
#6BCAE2
Dark Turquoisecyan · AAA · best black text
#00CED1
Robin Egg Bluecyan · AAA · best black text
#00CCCC
Sprucecyan · AAA · best white text
#2E4F4F
Dark Slate Graycyan · AAA · best white text
#2F4F4F
Dark Slate Greycyan · AAA · best white text
#2F4F4F
Verdigriscyan · AAA · best black text
#43B3AE
Light Sea Greencyan · AAA · best black text
#20B2AA
Tourmalinecyan · AAA · best black text
#86A1A9
Peacock Bluecyan · AAA · best white text
#005F69
Petrol Bluecyan · AAA · best white text
#005F6A
Manganese Bluecyan · AAA · best black text
#03A89E
Cadet Bluecyan · AA · best black text
#5F9EA0
Persian Greencyan · AA · best black text
#00A693
Peacock Greencyan · AA · best white text
#006D5B
Storm Bluecyan · AA · best white text
#4F666A
Pine Greencyan · AA · best white text
#01796F
Dark Cyancyan · AA · best black text
#008B8B
Oxidized Coppercyan · AA · best black text
#6E7F80
Tealcyan · AA · best white text
#008080
Peacock Tealcyan · AA · best white text
#00827F
Purple Accessible Colors24 colors · 13 AAA
Purple accessible colors include 24 named swatches with at least one standard AA text option. 13 also reach AAA in the current black/white text set.
Magnoliapurple · AAA · best black text
#F8F4FF
Lavenderpurple · AAA · best black text
#E6E6FA
Powder Lavenderpurple · AAA · best black text
#DCD0FF
Indigopurple · AAA · best white text
#4B0082
Mauvepurple · AAA · best black text
#E0B0FF
Pastel Lilacpurple · AAA · best black text
#BDB0D0
Imperial Purplepurple · AAA · best white text
#602F6B
Wisteriapurple · AAA · best black text
#C9A0DC
Heatherpurple · AAA · best black text
#B7A1C7
Rebecca Purplepurple · AAA · best white text
#663399
Amethyst Deeppurple · AAA · best white text
#5D3A9B
Grapepurple · AAA · best white text
#6F2DA8
Han Purplepurple · AAA · best white text
#5218FA
UV Purplepurple · AA · best white text
#6F00FF
Dark Violetpurple · AA · best white text
#9400D3
Blue Violetpurple · AA · best white text
#8A2BE2
Royal Purplepurple · AA · best white text
#7851A9
Cobalt Violetpurple · AA · best white text
#8F00FF
Dark Orchidpurple · AA · best white text
#9932CC
Medium Purplepurple · AA · best black text
#9370DB
Medium Orchidpurple · AA · best black text
#BA55D3
Amethystpurple · AA · best black text
#9966CC
Electric Purplepurple · AA · best black text
#BF00FF
Neon Purplepurple · AA · best black text
#BC13FE