Colors EncyclopediaColor family
Yellow Colors
Yellow colors range across 62 named swatches, including Acid Green, Alabaster, and Amber. According to Colors Encyclopedia, this family is mainly organized around vibrant groups with HEX values, temperature labels, popularity scores, and accessibility data.
62named colors
Warmdominant temperature
7tone groups
Popular Yellow Colors
The most useful yellow colors for design systems, palettes, interfaces, and accessibility checks.
Acid Green
#B0BF1Ayellow · warm · vibrantAlabaster#EDEAE0yellow · warm · lightAmber#FFBF00yellow · warm · vibrantBamboo#C7B56Eyellow · warm · earth-toneBrass#B5A642yellow · warm · earth-toneBrushed Brass#B5A642yellow · warm · earth-toneButter#FFF1A8yellow · warm · pastelCadmium Yellow#FFF600yellow · warm · vibrantCanary Yellow#FFEF00yellow · warm · vibrantCanvas#F4EBD0yellow · warm · lightCaution Yellow#FFCC00yellow · warm · vibrantCement#A5A391yellow · warm · muted, earth-toneMachine-readable data
Machine-Readable Yellow Color Family (JSON)
Structured yellow color family data with tone groups, semantic groups, popular colors, WCAG metadata, and API links for AI ingestion.
familyCanonical color family slugcountNumber of named colorsdominantTemperatureMost common temperature grouptoneGroupsIn-page tone clusterssemanticGroupsAI-readable family labelspopularColorsHighest-priority color recordsStructured sections
Family
{
"family": "yellow",
"label": "Yellow Colors",
"count": 62,
"dominantTemperature": "warm"
}Tone groups
[
{
"tone": "vibrant",
"count": 29,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "light",
"count": 16,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "earth-tone",
"count": 9,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "pastel",
"count": 9,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "balanced",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "muted",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "neutral",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
}
]Semantic groups
[
"yellow color family",
"yellow colors",
"warm yellow colors",
"vibrant yellow colors",
"light yellow colors",
"earth tone yellow colors",
"pastel yellow colors",
"balanced yellow colors",
"muted yellow colors"
]Popular colors
[
{
"slug": "acid-green",
"name": "Acid Green",
"hex": "#B0BF1A",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/acid-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/acid-green.json"
},
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alabaster.json"
},
{
"slug": "amber",
"name": "Amber",
"hex": "#FFBF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/amber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/amber.json"
},
{
"slug": "bamboo",
"name": "Bamboo",
"hex": "#C7B56E",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/bamboo/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bamboo.json"
},
{
"slug": "brass",
"name": "Brass",
"hex": "#B5A642",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/brass.json"
},
{
"slug": "brushed-brass",
"name": "Brushed Brass",
"hex": "#B5A642",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/brushed-brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/brushed-brass.json"
},
{
"slug": "butter",
"name": "Butter",
"hex": "#FFF1A8",
"family": "yellow",
"temperature": "warm",
"tone": [
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/butter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/butter.json"
},
{
"slug": "cadmium-yellow",
"name": "Cadmium Yellow",
"hex": "#FFF600",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json"
},
{
"slug": "canary-yellow",
"name": "Canary Yellow",
"hex": "#FFEF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canary-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canvas.json"
},
{
"slug": "caution-yellow",
"name": "Caution Yellow",
"hex": "#FFCC00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/caution-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/caution-yellow.json"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"family": "yellow",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cement/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cement.json"
}
]Full JSON dataset
{
"datasetVersion": "1.0.0",
"family": "yellow",
"label": "Yellow Colors",
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/yellow.json",
"count": 62,
"dominantTemperature": "warm",
"temperatureGroups": [
{
"temperature": "warm",
"count": 62
}
],
"toneGroups": [
{
"tone": "vibrant",
"count": 29,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "light",
"count": 16,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "earth-tone",
"count": 9,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "pastel",
"count": 9,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "balanced",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "muted",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
},
{
"tone": "neutral",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/"
}
],
"semanticGroups": [
"yellow color family",
"yellow colors",
"warm yellow colors",
"vibrant yellow colors",
"light yellow colors",
"earth tone yellow colors",
"pastel yellow colors",
"balanced yellow colors",
"muted yellow colors"
],
"popularColors": [
{
"slug": "acid-green",
"name": "Acid Green",
"hex": "#B0BF1A",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/acid-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/acid-green.json"
},
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alabaster.json"
},
{
"slug": "amber",
"name": "Amber",
"hex": "#FFBF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/amber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/amber.json"
},
{
"slug": "bamboo",
"name": "Bamboo",
"hex": "#C7B56E",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/bamboo/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bamboo.json"
},
{
"slug": "brass",
"name": "Brass",
"hex": "#B5A642",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/brass.json"
},
{
"slug": "brushed-brass",
"name": "Brushed Brass",
"hex": "#B5A642",
"family": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/brushed-brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/brushed-brass.json"
},
{
"slug": "butter",
"name": "Butter",
"hex": "#FFF1A8",
"family": "yellow",
"temperature": "warm",
"tone": [
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/butter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/butter.json"
},
{
"slug": "cadmium-yellow",
"name": "Cadmium Yellow",
"hex": "#FFF600",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json"
},
{
"slug": "canary-yellow",
"name": "Canary Yellow",
"hex": "#FFEF00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canary-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canvas.json"
},
{
"slug": "caution-yellow",
"name": "Caution Yellow",
"hex": "#FFCC00",
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/caution-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/caution-yellow.json"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"family": "yellow",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cement/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cement.json"
}
],
"colors": [
{
"slug": "acid-green",
"name": "Acid Green",
"hex": "#B0BF1A",
"rgb": [
176,
191,
26
],
"hsl": [
65,
76,
43
],
"cmyk": [
8,
0,
86,
25
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.4657,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/acid-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/acid-green.json"
},
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"rgb": [
237,
234,
224
],
"hsl": [
46,
27,
90
],
"cmyk": [
0,
1,
5,
7
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8223,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alabaster.json"
},
{
"slug": "amber",
"name": "Amber",
"hex": "#FFBF00",
"rgb": [
255,
191,
0
],
"hsl": [
45,
100,
50
],
"cmyk": [
0,
25,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.5852,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/amber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/amber.json"
},
{
"slug": "bamboo",
"name": "Bamboo",
"hex": "#C7B56E",
"rgb": [
199,
181,
110
],
"hsl": [
48,
44,
61
],
"cmyk": [
0,
9,
45,
22
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"luminance": 0.4632,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/bamboo/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bamboo.json"
},
{
"slug": "brass",
"name": "Brass",
"hex": "#B5A642",
"rgb": [
181,
166,
66
],
"hsl": [
52,
47,
48
],
"cmyk": [
0,
8,
64,
29
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"luminance": 0.3749,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/brass.json"
},
{
"slug": "brushed-brass",
"name": "Brushed Brass",
"hex": "#B5A642",
"rgb": [
181,
166,
66
],
"hsl": [
52,
47,
48
],
"cmyk": [
0,
8,
64,
29
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"luminance": 0.3749,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/brushed-brass/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/brushed-brass.json"
},
{
"slug": "butter",
"name": "Butter",
"hex": "#FFF1A8",
"rgb": [
255,
241,
168
],
"hsl": [
50,
100,
83
],
"cmyk": [
0,
5,
34,
0
],
"temperature": "warm",
"tone": [
"pastel"
],
"popularity": 84,
"luminance": 0.87,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/butter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/butter.json"
},
{
"slug": "cadmium-yellow",
"name": "Cadmium Yellow",
"hex": "#FFF600",
"rgb": [
255,
246,
0
],
"hsl": [
58,
100,
50
],
"cmyk": [
0,
4,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.8717,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadmium-yellow.json"
},
{
"slug": "canary-yellow",
"name": "Canary Yellow",
"hex": "#FFEF00",
"rgb": [
255,
239,
0
],
"hsl": [
56,
100,
50
],
"cmyk": [
0,
6,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.8299,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/canary-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canary-yellow.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"rgb": [
244,
235,
208
],
"hsl": [
45,
62,
89
],
"cmyk": [
0,
4,
15,
4
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.832,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canvas.json"
},
{
"slug": "caution-yellow",
"name": "Caution Yellow",
"hex": "#FFCC00",
"rgb": [
255,
204,
0
],
"hsl": [
48,
100,
50
],
"cmyk": [
0,
20,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6445,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/caution-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/caution-yellow.json"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"rgb": [
165,
163,
145
],
"hsl": [
54,
10,
61
],
"cmyk": [
0,
1,
12,
35
],
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.3624,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cement/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cement.json"
},
{
"slug": "chartreuse-green",
"name": "Chartreuse Green",
"hex": "#DFFF00",
"rgb": [
223,
255,
0
],
"hsl": [
68,
100,
50
],
"cmyk": [
13,
0,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.8721,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/chartreuse-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/chartreuse-green.json"
},
{
"slug": "citrine",
"name": "Citrine",
"hex": "#E4D00A",
"rgb": [
228,
208,
10
],
"hsl": [
54,
92,
47
],
"cmyk": [
0,
9,
96,
11
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6163,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/citrine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/citrine.json"
},
{
"slug": "cyber-yellow",
"name": "Cyber Yellow",
"hex": "#FFD300",
"rgb": [
255,
211,
0
],
"hsl": [
50,
100,
50
],
"cmyk": [
0,
17,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6785,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cyber-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cyber-yellow.json"
},
{
"slug": "daffodil",
"name": "Daffodil",
"hex": "#FFFF31",
"rgb": [
255,
255,
49
],
"hsl": [
60,
100,
60
],
"cmyk": [
0,
0,
81,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.93,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/daffodil/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/daffodil.json"
},
{
"slug": "dandelion",
"name": "Dandelion",
"hex": "#F0E130",
"rgb": [
240,
225,
48
],
"hsl": [
55,
86,
56
],
"cmyk": [
0,
6,
80,
6
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.7259,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dandelion/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dandelion.json"
},
{
"slug": "ecru",
"name": "Ecru",
"hex": "#C2B280",
"rgb": [
194,
178,
128
],
"hsl": [
45,
35,
63
],
"cmyk": [
0,
8,
34,
24
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"luminance": 0.4487,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ecru/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ecru.json"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"rgb": [
240,
234,
214
],
"hsl": [
46,
46,
89
],
"cmyk": [
0,
3,
11,
6
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8223,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/eggshell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/eggshell.json"
},
{
"slug": "flax",
"name": "Flax",
"hex": "#EEDC82",
"rgb": [
238,
220,
130
],
"hsl": [
50,
76,
72
],
"cmyk": [
0,
8,
45,
7
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.7098,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/flax/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/flax.json"
},
{
"slug": "fluorescent-orange",
"name": "Fluorescent Orange",
"hex": "#FFBF00",
"rgb": [
255,
191,
0
],
"hsl": [
45,
100,
50
],
"cmyk": [
0,
25,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.5852,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/fluorescent-orange/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/fluorescent-orange.json"
},
{
"slug": "golden-yellow",
"name": "Golden Yellow",
"hex": "#FFDF00",
"rgb": [
255,
223,
0
],
"hsl": [
52,
100,
50
],
"cmyk": [
0,
13,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.7404,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/golden-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/golden-yellow.json"
},
{
"slug": "honey",
"name": "Honey",
"hex": "#FFC30B",
"rgb": [
255,
195,
11
],
"hsl": [
45,
100,
52
],
"cmyk": [
0,
24,
96,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6031,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/honey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/honey.json"
},
{
"slug": "industrial-yellow",
"name": "Industrial Yellow",
"hex": "#F3C300",
"rgb": [
243,
195,
0
],
"hsl": [
48,
100,
48
],
"cmyk": [
0,
20,
100,
5
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.5808,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/industrial-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/industrial-yellow.json"
},
{
"slug": "laser-lemon",
"name": "Laser Lemon",
"hex": "#FFFF66",
"rgb": [
255,
255,
102
],
"hsl": [
60,
100,
70
],
"cmyk": [
0,
0,
60,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.9374,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/laser-lemon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/laser-lemon.json"
},
{
"slug": "lemon",
"name": "Lemon",
"hex": "#FFF700",
"rgb": [
255,
247,
0
],
"hsl": [
58,
100,
50
],
"cmyk": [
0,
3,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.8778,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lemon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lemon.json"
},
{
"slug": "maize",
"name": "Maize",
"hex": "#FBEC5D",
"rgb": [
251,
236,
93
],
"hsl": [
54,
95,
67
],
"cmyk": [
0,
6,
63,
2
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.8129,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/maize/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/maize.json"
},
{
"slug": "marble-white",
"name": "Marble White",
"hex": "#F2F0E6",
"rgb": [
242,
240,
230
],
"hsl": [
50,
32,
93
],
"cmyk": [
0,
1,
5,
5
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8691,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/marble-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/marble-white.json"
},
{
"slug": "mustard",
"name": "Mustard",
"hex": "#FFDB58",
"rgb": [
255,
219,
88
],
"hsl": [
47,
100,
67
],
"cmyk": [
0,
14,
65,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.7263,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/mustard/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mustard.json"
},
{
"slug": "mustard-yellow",
"name": "Mustard Yellow",
"hex": "#E1AD01",
"rgb": [
225,
173,
1
],
"hsl": [
46,
99,
44
],
"cmyk": [
0,
23,
100,
12
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.459,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/mustard-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mustard-yellow.json"
},
{
"slug": "naples-yellow",
"name": "Naples Yellow",
"hex": "#FADA5E",
"rgb": [
250,
218,
94
],
"hsl": [
48,
94,
67
],
"cmyk": [
0,
13,
62,
2
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.7127,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/naples-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/naples-yellow.json"
},
{
"slug": "neon-yellow",
"name": "Neon Yellow",
"hex": "#FFF01F",
"rgb": [
255,
240,
31
],
"hsl": [
56,
100,
56
],
"cmyk": [
0,
6,
88,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.8368,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/neon-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/neon-yellow.json"
},
{
"slug": "old-gold",
"name": "Old Gold",
"hex": "#CFB53B",
"rgb": [
207,
181,
59
],
"hsl": [
49,
61,
52
],
"cmyk": [
0,
13,
71,
19
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"luminance": 0.4663,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/old-gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/old-gold.json"
},
{
"slug": "paper-white",
"name": "Paper White",
"hex": "#F7F7F2",
"rgb": [
247,
247,
242
],
"hsl": [
60,
24,
96
],
"cmyk": [
0,
0,
2,
3
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.9271,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/paper-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/paper-white.json"
},
{
"slug": "parchment",
"name": "Parchment",
"hex": "#F1E9D2",
"rgb": [
241,
233,
210
],
"hsl": [
45,
53,
88
],
"cmyk": [
0,
3,
13,
5
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8163,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/parchment/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/parchment.json"
},
{
"slug": "pastel-yellow",
"name": "Pastel Yellow",
"hex": "#FDFD96",
"rgb": [
253,
253,
150
],
"hsl": [
60,
96,
79
],
"cmyk": [
0,
0,
41,
1
],
"temperature": "warm",
"tone": [
"pastel"
],
"popularity": 84,
"luminance": 0.9334,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-yellow.json"
},
{
"slug": "pear",
"name": "Pear",
"hex": "#D1E231",
"rgb": [
209,
226,
49
],
"hsl": [
66,
75,
54
],
"cmyk": [
8,
0,
78,
11
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6817,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pear/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pear.json"
},
{
"slug": "powder-coat-white",
"name": "Powder Coat White",
"hex": "#F8F8F2",
"rgb": [
248,
248,
242
],
"hsl": [
60,
30,
96
],
"cmyk": [
0,
0,
2,
3
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.935,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/powder-coat-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/powder-coat-white.json"
},
{
"slug": "safety-yellow",
"name": "Safety Yellow",
"hex": "#EED202",
"rgb": [
238,
210,
2
],
"hsl": [
53,
98,
47
],
"cmyk": [
0,
12,
99,
7
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6427,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/safety-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/safety-yellow.json"
},
{
"slug": "saffron",
"name": "Saffron",
"hex": "#F4C430",
"rgb": [
244,
196,
48
],
"hsl": [
45,
90,
57
],
"cmyk": [
0,
20,
80,
4
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.5893,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/saffron/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/saffron.json"
},
{
"slug": "sage-gray",
"name": "Sage Gray",
"hex": "#B2AC88",
"rgb": [
178,
172,
136
],
"hsl": [
51,
21,
62
],
"cmyk": [
0,
3,
24,
30
],
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.4075,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sage-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-gray.json"
},
{
"slug": "sand",
"name": "Sand",
"hex": "#C2B280",
"rgb": [
194,
178,
128
],
"hsl": [
45,
35,
63
],
"cmyk": [
0,
8,
34,
24
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 84,
"luminance": 0.4487,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sand/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sand.json"
},
{
"slug": "school-bus-yellow",
"name": "School Bus Yellow",
"hex": "#FFD800",
"rgb": [
255,
216,
0
],
"hsl": [
51,
100,
50
],
"cmyk": [
0,
15,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.7037,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/school-bus-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/school-bus-yellow.json"
},
{
"slug": "soft-yellow",
"name": "Soft Yellow",
"hex": "#FFF8B8",
"rgb": [
255,
248,
184
],
"hsl": [
54,
100,
86
],
"cmyk": [
0,
3,
28,
0
],
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.9186,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/soft-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/soft-yellow.json"
},
{
"slug": "sunflower",
"name": "Sunflower",
"hex": "#FFC512",
"rgb": [
255,
197,
18
],
"hsl": [
45,
100,
54
],
"cmyk": [
0,
23,
93,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.6124,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sunflower/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sunflower.json"
},
{
"slug": "vanilla",
"name": "Vanilla",
"hex": "#F3E5AB",
"rgb": [
243,
229,
171
],
"hsl": [
48,
75,
81
],
"cmyk": [
0,
6,
30,
5
],
"temperature": "warm",
"tone": [
"pastel"
],
"popularity": 84,
"luminance": 0.7803,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/vanilla/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/vanilla.json"
},
{
"slug": "warm-white",
"name": "Warm White",
"hex": "#F8F4E3",
"rgb": [
248,
244,
227
],
"hsl": [
49,
60,
93
],
"cmyk": [
0,
2,
8,
3
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.902,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/warm-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-white.json"
},
{
"slug": "yellow",
"name": "Yellow",
"hex": "#FFFF00",
"rgb": [
255,
255,
0
],
"hsl": [
60,
100,
50
],
"cmyk": [
0,
0,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 82,
"luminance": 0.9278,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/yellow.json"
},
{
"slug": "peridot",
"name": "Peridot",
"hex": "#B4C424",
"rgb": [
180,
196,
36
],
"hsl": [
66,
69,
45
],
"cmyk": [
8,
0,
82,
23
],
"temperature": "warm",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.4931,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/peridot/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/peridot.json"
},
{
"slug": "straw",
"name": "Straw",
"hex": "#E4D96F",
"rgb": [
228,
217,
111
],
"hsl": [
54,
68,
66
],
"cmyk": [
0,
5,
51,
11
],
"temperature": "warm",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.6727,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/straw/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/straw.json"
},
{
"slug": "cream",
"name": "Cream",
"hex": "#FFFDD0",
"rgb": [
255,
253,
208
],
"hsl": [
57,
100,
91
],
"cmyk": [
0,
1,
18,
0
],
"temperature": "warm",
"tone": [
"light",
"neutral"
],
"popularity": 73,
"luminance": 0.9606,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cream/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cream.json"
},
{
"slug": "ivory",
"name": "Ivory",
"hex": "#FFFFF0",
"rgb": [
255,
255,
240
],
"hsl": [
60,
100,
97
],
"cmyk": [
0,
0,
6,
0
],
"temperature": "warm",
"tone": [
"light",
"neutral"
],
"popularity": 69,
"luminance": 0.9907,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ivory/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ivory.json"
},
{
"slug": "beige",
"name": "Beige",
"hex": "#F5F5DC",
"rgb": [
245,
245,
220
],
"hsl": [
60,
56,
91
],
"cmyk": [
0,
0,
10,
4
],
"temperature": "warm",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.8988,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/beige/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/beige.json"
},
{
"slug": "cornsilk",
"name": "Cornsilk",
"hex": "#FFF8DC",
"rgb": [
255,
248,
220
],
"hsl": [
48,
100,
93
],
"cmyk": [
0,
3,
14,
0
],
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9356,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cornsilk/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornsilk.json"
},
{
"slug": "dark-khaki",
"name": "Dark Khaki",
"hex": "#BDB76B",
"rgb": [
189,
183,
107
],
"hsl": [
56,
38,
58
],
"cmyk": [
0,
3,
43,
26
],
"temperature": "warm",
"tone": [
"earth-tone"
],
"popularity": 67,
"luminance": 0.4575,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-khaki/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-khaki.json"
},
{
"slug": "gold",
"name": "Gold",
"hex": "#FFD700",
"rgb": [
255,
215,
0
],
"hsl": [
51,
100,
50
],
"cmyk": [
0,
16,
100,
0
],
"temperature": "warm",
"tone": [
"vibrant"
],
"popularity": 67,
"luminance": 0.6986,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/gold/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gold.json"
},
{
"slug": "khaki",
"name": "Khaki",
"hex": "#F0E68C",
"rgb": [
240,
230,
140
],
"hsl": [
54,
77,
75
],
"cmyk": [
0,
4,
42,
6
],
"temperature": "warm",
"tone": [
"pastel"
],
"popularity": 67,
"luminance": 0.7701,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/khaki/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/khaki.json"
},
{
"slug": "lemon-chiffon",
"name": "Lemon Chiffon",
"hex": "#FFFACD",
"rgb": [
255,
250,
205
],
"hsl": [
54,
100,
90
],
"cmyk": [
0,
2,
20,
0
],
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9404,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lemon-chiffon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lemon-chiffon.json"
},
{
"slug": "light-goldenrod-yellow",
"name": "Light Goldenrod Yellow",
"hex": "#FAFAD2",
"rgb": [
250,
250,
210
],
"hsl": [
60,
80,
90
],
"cmyk": [
0,
0,
16,
2
],
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9335,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-goldenrod-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-goldenrod-yellow.json"
},
{
"slug": "light-yellow",
"name": "Light Yellow",
"hex": "#FFFFE0",
"rgb": [
255,
255,
224
],
"hsl": [
60,
100,
94
],
"cmyk": [
0,
0,
12,
0
],
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9816,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-yellow.json"
},
{
"slug": "olive",
"name": "Olive",
"hex": "#808000",
"rgb": [
128,
128,
0
],
"hsl": [
60,
100,
25
],
"cmyk": [
0,
0,
100,
50
],
"temperature": "warm",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.2003,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/olive/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/olive.json"
},
{
"slug": "pale-goldenrod",
"name": "Pale Goldenrod",
"hex": "#EEE8AA",
"rgb": [
238,
232,
170
],
"hsl": [
55,
67,
80
],
"cmyk": [
0,
3,
29,
7
],
"temperature": "warm",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.7879,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pale-goldenrod/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pale-goldenrod.json"
}
]
}Browse Yellow by Tone
Open a tone group to narrow the family without scanning every swatch at once.
Vibrant29 colors
Acid Greenyellow · popularity 84
#B0BF1A
Amberyellow · popularity 84
#FFBF00
Cadmium Yellowyellow · popularity 84
#FFF600
Canary Yellowyellow · popularity 84
#FFEF00
Caution Yellowyellow · popularity 84
#FFCC00
Chartreuse Greenyellow · popularity 84
#DFFF00
Citrineyellow · popularity 84
#E4D00A
Cyber Yellowyellow · popularity 84
#FFD300
Daffodilyellow · popularity 84
#FFFF31
Dandelionyellow · popularity 84
#F0E130
Flaxyellow · popularity 84
#EEDC82
Fluorescent Orangeyellow · popularity 84
#FFBF00
Golden Yellowyellow · popularity 84
#FFDF00
Honeyyellow · popularity 84
#FFC30B
Industrial Yellowyellow · popularity 84
#F3C300
Laser Lemonyellow · popularity 84
#FFFF66
Lemonyellow · popularity 84
#FFF700
Maizeyellow · popularity 84
#FBEC5D
Mustardyellow · popularity 84
#FFDB58
Mustard Yellowyellow · popularity 84
#E1AD01
Naples Yellowyellow · popularity 84
#FADA5E
Neon Yellowyellow · popularity 84
#FFF01F
Pearyellow · popularity 84
#D1E231
Safety Yellowyellow · popularity 84
#EED202
Saffronyellow · popularity 84
#F4C430
School Bus Yellowyellow · popularity 84
#FFD800
Sunfloweryellow · popularity 84
#FFC512
Yellowyellow · popularity 82
#FFFF00
Goldyellow · popularity 67
#FFD700
Light16 colors
Alabasteryellow · popularity 84
#EDEAE0
Canvasyellow · popularity 84
#F4EBD0
Eggshellyellow · popularity 84
#F0EAD6
Marble Whiteyellow · popularity 84
#F2F0E6
Paper Whiteyellow · popularity 84
#F7F7F2
Parchmentyellow · popularity 84
#F1E9D2
Powder Coat Whiteyellow · popularity 84
#F8F8F2
Soft Yellowyellow · popularity 84
#FFF8B8
Warm Whiteyellow · popularity 84
#F8F4E3
Creamyellow · popularity 73
#FFFDD0
Ivoryyellow · popularity 69
#FFFFF0
Beigeyellow · popularity 67
#F5F5DC
Cornsilkyellow · popularity 67
#FFF8DC
Lemon Chiffonyellow · popularity 67
#FFFACD
Light Goldenrod Yellowyellow · popularity 67
#FAFAD2
Light Yellowyellow · popularity 67
#FFFFE0
Earth Tone9 colors
Bambooyellow · popularity 84
#C7B56E
Brassyellow · popularity 84
#B5A642
Brushed Brassyellow · popularity 84
#B5A642
Cementyellow · popularity 84
#A5A391
Ecruyellow · popularity 84
#C2B280
Old Goldyellow · popularity 84
#CFB53B
Sage Grayyellow · popularity 84
#B2AC88
Sandyellow · popularity 84
#C2B280
Dark Khakiyellow · popularity 67
#BDB76B
Pastel9 colors
Butteryellow · popularity 84
#FFF1A8
Pastel Yellowyellow · popularity 84
#FDFD96
Soft Yellowyellow · popularity 84
#FFF8B8
Vanillayellow · popularity 84
#F3E5AB
Cornsilkyellow · popularity 67
#FFF8DC
Khakiyellow · popularity 67
#F0E68C
Lemon Chiffonyellow · popularity 67
#FFFACD
Light Goldenrod Yellowyellow · popularity 67
#FAFAD2
Light Yellowyellow · popularity 67
#FFFFE0
Balanced4 colors
Yellow Color Index
This family contains 62 editorial colors. Use the tone groups above for the full in-page list, or continue in the filtered explorer when you need search, WCAG, luminance, saturation, and popularity controls.