Colors EncyclopediaColor family
Blue Colors
Blue colors range across 71 named swatches, including Cobalt Blue, Cool Gray, and Aegean Blue. According to Colors Encyclopedia, this family is mainly organized around jewel tone groups with HEX values, temperature labels, popularity scores, and accessibility data.
71named colors
Cooldominant temperature
8tone groups
Popular Blue Colors
The most useful blue colors for design systems, palettes, interfaces, and accessibility checks.
Cobalt Blue
#0047ABblue · cool · jewel-toneCool Gray#8C92ACblue · cool · mutedAegean Blue#4E6E81blue · cool · mutedAnodized Blue#0066CCblue · cool · vibrant, jewel-toneArctic Blue#C6E6FBblue · cool · light, pastelBaby Blue#89CFF0blue · cool · vibrantCadet Gray#91A3B0blue · cool · mutedCerulean#007BA7blue · cool · jewel-toneCharcoal Blue#263238blue · cool · darkCloud#F5F6F7blue · cool · lightCool White#F4F8FFblue · cool · light, pastelDenim#1560BDblue · cool · vibrant, jewel-toneMachine-readable data
Machine-Readable Blue Color Family (JSON)
Structured blue 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": "blue",
"label": "Blue Colors",
"count": 71,
"dominantTemperature": "cool"
}Tone groups
[
{
"tone": "jewel-tone",
"count": 24,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "vibrant",
"count": 17,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "balanced",
"count": 14,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "light",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "muted",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "pastel",
"count": 8,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "dark",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "classic",
"count": 1,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
}
]Semantic groups
[
"blue color family",
"blue colors",
"cool blue colors",
"jewel tone blue colors",
"vibrant blue colors",
"balanced blue colors",
"light blue colors",
"muted blue colors",
"pastel blue colors"
]Popular colors
[
{
"slug": "cobalt-blue",
"name": "Cobalt Blue",
"hex": "#0047AB",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cobalt-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cobalt-blue.json"
},
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-gray.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aegean-blue.json"
},
{
"slug": "anodized-blue",
"name": "Anodized Blue",
"hex": "#0066CC",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/anodized-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/anodized-blue.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
},
{
"slug": "baby-blue",
"name": "Baby Blue",
"hex": "#89CFF0",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/baby-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/baby-blue.json"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cadet-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadet-gray.json"
},
{
"slug": "cerulean",
"name": "Cerulean",
"hex": "#007BA7",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cerulean/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cerulean.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal-blue.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cloud.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-white.json"
},
{
"slug": "denim",
"name": "Denim",
"hex": "#1560BD",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/denim/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/denim.json"
}
]Full JSON dataset
{
"datasetVersion": "1.0.0",
"family": "blue",
"label": "Blue Colors",
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/blue.json",
"count": 71,
"dominantTemperature": "cool",
"temperatureGroups": [
{
"temperature": "cool",
"count": 71
}
],
"toneGroups": [
{
"tone": "jewel-tone",
"count": 24,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "vibrant",
"count": 17,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "balanced",
"count": 14,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "light",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "muted",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "pastel",
"count": 8,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "dark",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
},
{
"tone": "classic",
"count": 1,
"url": "https://www.colorsencyclopedia.com/colors/by-family/blue/"
}
],
"semanticGroups": [
"blue color family",
"blue colors",
"cool blue colors",
"jewel tone blue colors",
"vibrant blue colors",
"balanced blue colors",
"light blue colors",
"muted blue colors",
"pastel blue colors"
],
"popularColors": [
{
"slug": "cobalt-blue",
"name": "Cobalt Blue",
"hex": "#0047AB",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cobalt-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cobalt-blue.json"
},
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-gray.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aegean-blue.json"
},
{
"slug": "anodized-blue",
"name": "Anodized Blue",
"hex": "#0066CC",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/anodized-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/anodized-blue.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
},
{
"slug": "baby-blue",
"name": "Baby Blue",
"hex": "#89CFF0",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/baby-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/baby-blue.json"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cadet-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadet-gray.json"
},
{
"slug": "cerulean",
"name": "Cerulean",
"hex": "#007BA7",
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cerulean/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cerulean.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal-blue.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cloud.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-white.json"
},
{
"slug": "denim",
"name": "Denim",
"hex": "#1560BD",
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/denim/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/denim.json"
}
],
"colors": [
{
"slug": "cobalt-blue",
"name": "Cobalt Blue",
"hex": "#0047AB",
"rgb": [
0,
71,
171
],
"hsl": [
215,
100,
34
],
"cmyk": [
100,
58,
0,
33
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 88,
"luminance": 0.0745,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cobalt-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cobalt-blue.json"
},
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"rgb": [
140,
146,
172
],
"hsl": [
229,
16,
61
],
"cmyk": [
19,
15,
0,
33
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 88,
"luminance": 0.2911,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-gray.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"rgb": [
78,
110,
129
],
"hsl": [
202,
25,
41
],
"cmyk": [
40,
15,
0,
49
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1436,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aegean-blue.json"
},
{
"slug": "anodized-blue",
"name": "Anodized Blue",
"hex": "#0066CC",
"rgb": [
0,
102,
204
],
"hsl": [
210,
100,
40
],
"cmyk": [
100,
50,
0,
20
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1386,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/anodized-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/anodized-blue.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"rgb": [
198,
230,
251
],
"hsl": [
204,
87,
88
],
"cmyk": [
21,
8,
0,
2
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7556,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
},
{
"slug": "baby-blue",
"name": "Baby Blue",
"hex": "#89CFF0",
"rgb": [
137,
207,
240
],
"hsl": [
199,
77,
74
],
"cmyk": [
43,
14,
0,
6
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.5624,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/baby-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/baby-blue.json"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"rgb": [
145,
163,
176
],
"hsl": [
205,
16,
63
],
"cmyk": [
18,
7,
0,
31
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3535,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cadet-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadet-gray.json"
},
{
"slug": "cerulean",
"name": "Cerulean",
"hex": "#007BA7",
"rgb": [
0,
123,
167
],
"hsl": [
196,
100,
33
],
"cmyk": [
100,
26,
0,
35
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1696,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/cerulean/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cerulean.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"rgb": [
38,
50,
56
],
"hsl": [
200,
19,
18
],
"cmyk": [
32,
11,
0,
78
],
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0298,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal-blue.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"rgb": [
245,
246,
247
],
"hsl": [
210,
11,
96
],
"cmyk": [
1,
0,
0,
3
],
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.9204,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cloud.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"rgb": [
244,
248,
255
],
"hsl": [
218,
100,
98
],
"cmyk": [
4,
3,
0,
0
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.9359,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-white.json"
},
{
"slug": "denim",
"name": "Denim",
"hex": "#1560BD",
"rgb": [
21,
96,
189
],
"hsl": [
213,
80,
41
],
"cmyk": [
89,
49,
0,
26
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.122,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/denim/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/denim.json"
},
{
"slug": "egyptian-blue",
"name": "Egyptian Blue",
"hex": "#1034A6",
"rgb": [
16,
52,
166
],
"hsl": [
226,
82,
36
],
"cmyk": [
90,
69,
0,
35
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0532,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/egyptian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/egyptian-blue.json"
},
{
"slug": "enamel-blue",
"name": "Enamel Blue",
"hex": "#0067A0",
"rgb": [
0,
103,
160
],
"hsl": [
201,
100,
31
],
"cmyk": [
100,
36,
0,
37
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1224,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/enamel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/enamel-blue.json"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"rgb": [
215,
221,
224
],
"hsl": [
200,
13,
86
],
"cmyk": [
4,
1,
0,
12
],
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7154,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/fog/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/fog.json"
},
{
"slug": "gunmetal",
"name": "Gunmetal",
"hex": "#2A3439",
"rgb": [
42,
52,
57
],
"hsl": [
200,
15,
19
],
"cmyk": [
26,
9,
0,
78
],
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0324,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/gunmetal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gunmetal.json"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"rgb": [
214,
245,
255
],
"hsl": [
195,
100,
92
],
"cmyk": [
16,
4,
0,
0
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.8682,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ice-blue.json"
},
{
"slug": "ink-blue",
"name": "Ink Blue",
"hex": "#003F5C",
"rgb": [
0,
63,
92
],
"hsl": [
199,
100,
18
],
"cmyk": [
100,
32,
0,
64
],
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0433,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ink-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ink-blue.json"
},
{
"slug": "labradorite",
"name": "Labradorite",
"hex": "#607D8B",
"rgb": [
96,
125,
139
],
"hsl": [
200,
18,
46
],
"cmyk": [
31,
10,
0,
45
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1902,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/labradorite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/labradorite.json"
},
{
"slug": "lapis",
"name": "Lapis",
"hex": "#26619C",
"rgb": [
38,
97,
156
],
"hsl": [
210,
61,
38
],
"cmyk": [
76,
38,
0,
39
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1136,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/lapis/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lapis.json"
},
{
"slug": "maya-blue",
"name": "Maya Blue",
"hex": "#73C2FB",
"rgb": [
115,
194,
251
],
"hsl": [
205,
94,
72
],
"cmyk": [
54,
23,
0,
2
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.4919,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/maya-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/maya-blue.json"
},
{
"slug": "milk-blue",
"name": "Milk Blue",
"hex": "#D6EAF8",
"rgb": [
214,
234,
248
],
"hsl": [
205,
71,
91
],
"cmyk": [
14,
6,
0,
3
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7992,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/milk-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/milk-blue.json"
},
{
"slug": "neon-blue",
"name": "Neon Blue",
"hex": "#1F51FF",
"rgb": [
31,
81,
255
],
"hsl": [
227,
100,
56
],
"cmyk": [
88,
68,
0,
0
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 84,
"luminance": 0.134,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/neon-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/neon-blue.json"
},
{
"slug": "ocean-blue",
"name": "Ocean Blue",
"hex": "#0077BE",
"rgb": [
0,
119,
190
],
"hsl": [
202,
100,
37
],
"cmyk": [
100,
37,
0,
25
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1691,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/ocean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ocean-blue.json"
},
{
"slug": "pastel-blue",
"name": "Pastel Blue",
"hex": "#AEC6CF",
"rgb": [
174,
198,
207
],
"hsl": [
196,
26,
75
],
"cmyk": [
16,
4,
0,
19
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.5389,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-blue.json"
},
{
"slug": "periwinkle",
"name": "Periwinkle",
"hex": "#CCCCFF",
"rgb": [
204,
204,
255
],
"hsl": [
240,
100,
90
],
"cmyk": [
20,
20,
0,
0
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.6324,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/periwinkle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/periwinkle.json"
},
{
"slug": "persian-blue",
"name": "Persian Blue",
"hex": "#1C39BB",
"rgb": [
28,
57,
187
],
"hsl": [
229,
74,
42
],
"cmyk": [
85,
70,
0,
27
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0676,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/persian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/persian-blue.json"
},
{
"slug": "porcelain",
"name": "Porcelain",
"hex": "#F2F3F4",
"rgb": [
242,
243,
244
],
"hsl": [
210,
8,
95
],
"cmyk": [
1,
0,
0,
4
],
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8951,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/porcelain/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/porcelain.json"
},
{
"slug": "prussian-blue",
"name": "Prussian Blue",
"hex": "#003153",
"rgb": [
0,
49,
83
],
"hsl": [
205,
100,
16
],
"cmyk": [
100,
41,
0,
67
],
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0282,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/prussian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/prussian-blue.json"
},
{
"slug": "safety-blue",
"name": "Safety Blue",
"hex": "#0067A5",
"rgb": [
0,
103,
165
],
"hsl": [
203,
100,
32
],
"cmyk": [
100,
38,
0,
35
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1242,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/safety-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/safety-blue.json"
},
{
"slug": "sapphire",
"name": "Sapphire",
"hex": "#0F52BA",
"rgb": [
15,
82,
186
],
"hsl": [
216,
85,
39
],
"cmyk": [
92,
56,
0,
27
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0968,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sapphire/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sapphire.json"
},
{
"slug": "sapphire-deep",
"name": "Sapphire Deep",
"hex": "#082567",
"rgb": [
8,
37,
103
],
"hsl": [
222,
86,
22
],
"cmyk": [
92,
64,
0,
60
],
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0235,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sapphire-deep/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sapphire-deep.json"
},
{
"slug": "sea-blue",
"name": "Sea Blue",
"hex": "#006994",
"rgb": [
0,
105,
148
],
"hsl": [
197,
100,
29
],
"cmyk": [
100,
29,
0,
42
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1224,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/sea-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sea-blue.json"
},
{
"slug": "shale",
"name": "Shale",
"hex": "#59656F",
"rgb": [
89,
101,
111
],
"hsl": [
207,
11,
39
],
"cmyk": [
20,
9,
0,
56
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1258,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/shale/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/shale.json"
},
{
"slug": "signal-blue",
"name": "Signal Blue",
"hex": "#0057B8",
"rgb": [
0,
87,
184
],
"hsl": [
212,
100,
36
],
"cmyk": [
100,
53,
0,
28
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1028,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/signal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/signal-blue.json"
},
{
"slug": "smalt",
"name": "Smalt",
"hex": "#003399",
"rgb": [
0,
51,
153
],
"hsl": [
220,
100,
30
],
"cmyk": [
100,
67,
0,
40
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0467,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/smalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/smalt.json"
},
{
"slug": "ultramarine",
"name": "Ultramarine",
"hex": "#120A8F",
"rgb": [
18,
10,
143
],
"hsl": [
244,
87,
30
],
"cmyk": [
87,
93,
0,
44
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0233,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ultramarine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ultramarine.json"
},
{
"slug": "violet-blue",
"name": "Violet Blue",
"hex": "#324AB2",
"rgb": [
50,
74,
178
],
"hsl": [
229,
56,
45
],
"cmyk": [
72,
58,
0,
30
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0879,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/violet-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/violet-blue.json"
},
{
"slug": "zaffre",
"name": "Zaffre",
"hex": "#0014A8",
"rgb": [
0,
20,
168
],
"hsl": [
233,
100,
33
],
"cmyk": [
100,
88,
0,
34
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0333,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/zaffre/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/zaffre.json"
},
{
"slug": "blue",
"name": "Blue",
"hex": "#0000FF",
"rgb": [
0,
0,
255
],
"hsl": [
240,
100,
50
],
"cmyk": [
100,
100,
0,
0
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 82,
"luminance": 0.0722,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/blue.json"
},
{
"slug": "cornflower",
"name": "Cornflower",
"hex": "#6A8EDB",
"rgb": [
106,
142,
219
],
"hsl": [
221,
61,
64
],
"cmyk": [
52,
35,
0,
14
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.2752,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/cornflower/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornflower.json"
},
{
"slug": "glacier-blue",
"name": "Glacier Blue",
"hex": "#78B9D2",
"rgb": [
120,
185,
210
],
"hsl": [
197,
50,
65
],
"cmyk": [
43,
12,
0,
18
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.4334,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/glacier-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/glacier-blue.json"
},
{
"slug": "iolite",
"name": "Iolite",
"hex": "#5A4C8D",
"rgb": [
90,
76,
141
],
"hsl": [
253,
30,
43
],
"cmyk": [
36,
46,
0,
45
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.0927,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/iolite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/iolite.json"
},
{
"slug": "iris",
"name": "Iris",
"hex": "#5A4FCF",
"rgb": [
90,
79,
207
],
"hsl": [
245,
57,
56
],
"cmyk": [
57,
62,
0,
19
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.1227,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/iris/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/iris.json"
},
{
"slug": "powder-sky",
"name": "Powder Sky",
"hex": "#B7D9E8",
"rgb": [
183,
217,
232
],
"hsl": [
198,
52,
81
],
"cmyk": [
21,
6,
0,
9
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.6552,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/powder-sky/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/powder-sky.json"
},
{
"slug": "slate-navy",
"name": "Slate Navy",
"hex": "#30475E",
"rgb": [
48,
71,
94
],
"hsl": [
210,
32,
28
],
"cmyk": [
49,
24,
0,
63
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.0594,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/slate-navy/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-navy.json"
},
{
"slug": "tanzanite",
"name": "Tanzanite",
"hex": "#4D5DAB",
"rgb": [
77,
93,
171
],
"hsl": [
230,
38,
49
],
"cmyk": [
55,
46,
0,
33
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.1235,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/tanzanite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/tanzanite.json"
},
{
"slug": "zircon-blue",
"name": "Zircon Blue",
"hex": "#2D9CDB",
"rgb": [
45,
156,
219
],
"hsl": [
202,
71,
52
],
"cmyk": [
79,
29,
0,
14
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 80,
"luminance": 0.2945,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/zircon-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/zircon-blue.json"
},
{
"slug": "navy-blue",
"name": "Navy Blue",
"hex": "#000080",
"rgb": [
0,
0,
128
],
"hsl": [
240,
100,
25
],
"cmyk": [
100,
100,
0,
50
],
"temperature": "cool",
"tone": [
"dark",
"classic"
],
"popularity": 73,
"luminance": 0.0156,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/navy-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/navy-blue.json"
},
{
"slug": "midnight-blue",
"name": "Midnight Blue",
"hex": "#191970",
"rgb": [
25,
25,
112
],
"hsl": [
240,
64,
27
],
"cmyk": [
78,
78,
0,
56
],
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 69,
"luminance": 0.0207,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/midnight-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/midnight-blue.json"
},
{
"slug": "alice-blue",
"name": "Alice Blue",
"hex": "#F0F8FF",
"rgb": [
240,
248,
255
],
"hsl": [
208,
100,
97
],
"cmyk": [
6,
3,
0,
0
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9288,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/alice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alice-blue.json"
},
{
"slug": "cornflower-blue",
"name": "Cornflower Blue",
"hex": "#6495ED",
"rgb": [
100,
149,
237
],
"hsl": [
219,
79,
66
],
"cmyk": [
58,
37,
0,
7
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 67,
"luminance": 0.3032,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cornflower-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornflower-blue.json"
},
{
"slug": "dark-blue",
"name": "Dark Blue",
"hex": "#00008B",
"rgb": [
0,
0,
139
],
"hsl": [
240,
100,
27
],
"cmyk": [
100,
100,
0,
45
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 67,
"luminance": 0.0186,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-blue.json"
},
{
"slug": "deep-sky-blue",
"name": "Deep Sky Blue",
"hex": "#00BFFF",
"rgb": [
0,
191,
255
],
"hsl": [
195,
100,
50
],
"cmyk": [
100,
25,
0,
0
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 67,
"luminance": 0.4448,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/deep-sky-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/deep-sky-blue.json"
},
{
"slug": "dodger-blue",
"name": "Dodger Blue",
"hex": "#1E90FF",
"rgb": [
30,
144,
255
],
"hsl": [
210,
100,
56
],
"cmyk": [
88,
44,
0,
0
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 67,
"luminance": 0.2744,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/dodger-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dodger-blue.json"
},
{
"slug": "ghost-white",
"name": "Ghost White",
"hex": "#F8F8FF",
"rgb": [
248,
248,
255
],
"hsl": [
240,
100,
99
],
"cmyk": [
3,
3,
0,
0
],
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9431,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ghost-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ghost-white.json"
},
{
"slug": "light-sky-blue",
"name": "Light Sky Blue",
"hex": "#87CEFA",
"rgb": [
135,
206,
250
],
"hsl": [
203,
92,
75
],
"cmyk": [
46,
18,
0,
2
],
"temperature": "cool",
"tone": [
"pastel"
],
"popularity": 67,
"luminance": 0.562,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-sky-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-sky-blue.json"
},
{
"slug": "light-slate-gray",
"name": "Light Slate Gray",
"hex": "#778899",
"rgb": [
119,
136,
153
],
"hsl": [
210,
14,
53
],
"cmyk": [
22,
11,
0,
40
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2383,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/light-slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-slate-gray.json"
},
{
"slug": "light-slate-grey",
"name": "Light Slate Grey",
"hex": "#778899",
"rgb": [
119,
136,
153
],
"hsl": [
210,
14,
53
],
"cmyk": [
22,
11,
0,
40
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2383,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/light-slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-slate-grey.json"
},
{
"slug": "medium-blue",
"name": "Medium Blue",
"hex": "#0000CD",
"rgb": [
0,
0,
205
],
"hsl": [
240,
100,
40
],
"cmyk": [
100,
100,
0,
20
],
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"popularity": 67,
"luminance": 0.0441,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/medium-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-blue.json"
},
{
"slug": "medium-slate-blue",
"name": "Medium Slate Blue",
"hex": "#7B68EE",
"rgb": [
123,
104,
238
],
"hsl": [
249,
80,
67
],
"cmyk": [
48,
56,
0,
7
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 67,
"luminance": 0.2028,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/medium-slate-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"
},
{
"slug": "navy",
"name": "Navy",
"hex": "#000080",
"rgb": [
0,
0,
128
],
"hsl": [
240,
100,
25
],
"cmyk": [
100,
100,
0,
50
],
"temperature": "cool",
"tone": [
"jewel-tone"
],
"popularity": 67,
"luminance": 0.0156,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/navy/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/navy.json"
},
{
"slug": "royal-blue",
"name": "Royal Blue",
"hex": "#4169E1",
"rgb": [
65,
105,
225
],
"hsl": [
225,
73,
57
],
"cmyk": [
71,
53,
0,
12
],
"temperature": "cool",
"tone": [
"vibrant"
],
"popularity": 67,
"luminance": 0.1666,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/royal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/royal-blue.json"
},
{
"slug": "slate-gray",
"name": "Slate Gray",
"hex": "#708090",
"rgb": [
112,
128,
144
],
"hsl": [
210,
13,
50
],
"cmyk": [
22,
11,
0,
44
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.209,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-gray.json"
},
{
"slug": "slate-grey",
"name": "Slate Grey",
"hex": "#708090",
"rgb": [
112,
128,
144
],
"hsl": [
210,
13,
50
],
"cmyk": [
22,
11,
0,
44
],
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.209,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-grey.json"
},
{
"slug": "dark-slate-blue",
"name": "Dark Slate Blue",
"hex": "#483D8B",
"rgb": [
72,
61,
139
],
"hsl": [
248,
39,
39
],
"cmyk": [
48,
56,
0,
45
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.0658,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-slate-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-slate-blue.json"
},
{
"slug": "light-blue",
"name": "Light Blue",
"hex": "#ADD8E6",
"rgb": [
173,
216,
230
],
"hsl": [
195,
53,
79
],
"cmyk": [
25,
6,
0,
10
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.6371,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-blue.json"
},
{
"slug": "light-steel-blue",
"name": "Light Steel Blue",
"hex": "#B0C4DE",
"rgb": [
176,
196,
222
],
"hsl": [
214,
41,
78
],
"cmyk": [
21,
12,
0,
13
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.5398,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-steel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-steel-blue.json"
},
{
"slug": "sky-blue",
"name": "Sky Blue",
"hex": "#87CEEB",
"rgb": [
135,
206,
235
],
"hsl": [
197,
71,
73
],
"cmyk": [
43,
12,
0,
8
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.5529,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sky-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sky-blue.json"
},
{
"slug": "slate-blue",
"name": "Slate Blue",
"hex": "#6A5ACD",
"rgb": [
106,
90,
205
],
"hsl": [
248,
53,
58
],
"cmyk": [
48,
56,
0,
20
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.1478,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/slate-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-blue.json"
},
{
"slug": "steel-blue",
"name": "Steel Blue",
"hex": "#4682B4",
"rgb": [
70,
130,
180
],
"hsl": [
207,
44,
49
],
"cmyk": [
61,
28,
0,
29
],
"temperature": "cool",
"tone": [
"balanced"
],
"popularity": 63,
"luminance": 0.2056,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/steel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/steel-blue.json"
}
]
}Browse Blue by Tone
Open a tone group to narrow the family without scanning every swatch at once.
Jewel Tone24 colors
Cobalt Blueblue · popularity 88
#0047AB
Anodized Blueblue · popularity 84
#0066CC
Ceruleanblue · popularity 84
#007BA7
Denimblue · popularity 84
#1560BD
Egyptian Blueblue · popularity 84
#1034A6
Enamel Blueblue · popularity 84
#0067A0
Ink Blueblue · popularity 84
#003F5C
Lapisblue · popularity 84
#26619C
Ocean Blueblue · popularity 84
#0077BE
Persian Blueblue · popularity 84
#1C39BB
Prussian Blueblue · popularity 84
#003153
Safety Blueblue · popularity 84
#0067A5
Sapphireblue · popularity 84
#0F52BA
Sapphire Deepblue · popularity 84
#082567
Sea Blueblue · popularity 84
#006994
Signal Blueblue · popularity 84
#0057B8
Smaltblue · popularity 84
#003399
Ultramarineblue · popularity 84
#120A8F
Violet Blueblue · popularity 84
#324AB2
Zaffreblue · popularity 84
#0014A8
Midnight Blueblue · popularity 69
#191970
Dark Blueblue · popularity 67
#00008B
Medium Blueblue · popularity 67
#0000CD
Navyblue · popularity 67
#000080
Vibrant17 colors
Anodized Blueblue · popularity 84
#0066CC
Baby Blueblue · popularity 84
#89CFF0
Denimblue · popularity 84
#1560BD
Egyptian Blueblue · popularity 84
#1034A6
Maya Blueblue · popularity 84
#73C2FB
Neon Blueblue · popularity 84
#1F51FF
Ocean Blueblue · popularity 84
#0077BE
Persian Blueblue · popularity 84
#1C39BB
Sapphireblue · popularity 84
#0F52BA
Signal Blueblue · popularity 84
#0057B8
Blueblue · popularity 82
#0000FF
Cornflower Blueblue · popularity 67
#6495ED
Deep Sky Blueblue · popularity 67
#00BFFF
Dodger Blueblue · popularity 67
#1E90FF
Medium Blueblue · popularity 67
#0000CD
Medium Slate Blueblue · popularity 67
#7B68EE
Royal Blueblue · popularity 67
#4169E1
Balanced14 colors
Cornflowerblue · popularity 80
#6A8EDB
Glacier Blueblue · popularity 80
#78B9D2
Ioliteblue · popularity 80
#5A4C8D
Irisblue · popularity 80
#5A4FCF
Powder Skyblue · popularity 80
#B7D9E8
Slate Navyblue · popularity 80
#30475E
Tanzaniteblue · popularity 80
#4D5DAB
Zircon Blueblue · popularity 80
#2D9CDB
Dark Slate Blueblue · popularity 63
#483D8B
Light Blueblue · popularity 63
#ADD8E6
Light Steel Blueblue · popularity 63
#B0C4DE
Sky Blueblue · popularity 63
#87CEEB
Slate Blueblue · popularity 63
#6A5ACD
Steel Blueblue · popularity 63
#4682B4
Light10 colors
Arctic Blueblue · popularity 84
#C6E6FB
Cloudblue · popularity 84
#F5F6F7
Cool Whiteblue · popularity 84
#F4F8FF
Fogblue · popularity 84
#D7DDE0
Ice Blueblue · popularity 84
#D6F5FF
Milk Blueblue · popularity 84
#D6EAF8
Periwinkleblue · popularity 84
#CCCCFF
Porcelainblue · popularity 84
#F2F3F4
Alice Blueblue · popularity 67
#F0F8FF
Ghost Whiteblue · popularity 67
#F8F8FF
Muted10 colors
Cool Grayblue · popularity 88
#8C92AC
Aegean Blueblue · popularity 84
#4E6E81
Cadet Grayblue · popularity 84
#91A3B0
Labradoriteblue · popularity 84
#607D8B
Pastel Blueblue · popularity 84
#AEC6CF
Shaleblue · popularity 84
#59656F
Light Slate Grayblue · popularity 67
#778899
Light Slate Greyblue · popularity 67
#778899
Slate Grayblue · popularity 67
#708090
Slate Greyblue · popularity 67
#708090
Pastel8 colors
Arctic Blueblue · popularity 84
#C6E6FB
Cool Whiteblue · popularity 84
#F4F8FF
Ice Blueblue · popularity 84
#D6F5FF
Milk Blueblue · popularity 84
#D6EAF8
Periwinkleblue · popularity 84
#CCCCFF
Alice Blueblue · popularity 67
#F0F8FF
Ghost Whiteblue · popularity 67
#F8F8FF
Light Sky Blueblue · popularity 67
#87CEFA
Dark7 colors
Classic1 colors
Blue Color Index
This family contains 71 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.