Log in
Color Groups

Colors

gray

#000000
hsl(0,0%,0%)
rgb(0,0,0)
1.0021.00
#202020
hsl(0,0%,12.55%)
rgb(32,32,32)
1.2916.29
#393939
hsl(0,0%,22.35%)
rgb(57,57,57)
1.8211.55
#535353
hsl(0,0%,32.55%)
rgb(83,83,83)
2.737.69
#6e6e6e
hsl(0,0%,43.14%)
rgb(110,110,110)
4.125.10
#878787
hsl(0,0%,52.94%)
rgb(135,135,135)
5.853.59
#9f9f9f
hsl(0,0%,62.35%)
rgb(159,159,159)
7.932.65
#b5b5b5
hsl(0,0%,70.98%)
rgb(181,181,181)
10.242.05
#c9c9c9
hsl(0,0%,78.82%)
rgb(201,201,201)
12.681.66
#dcdcdc
hsl(0,0%,86.27%)
rgb(220,220,220)
15.311.37
#ededed
hsl(0,0%,92.94%)
rgb(237,237,237)
17.941.17
#ffffff
hsl(0,0%,100%)
rgb(255,255,255)
21.001.00

slate gray

#131316
hsl(240,7.32%,8.04%)
rgb(19,19,22)
1.1318.54
#222228
hsl(240,8.11%,14.51%)
rgb(34,34,40)
1.3315.82
#31323b
hsl(234,9.26%,21.18%)
rgb(49,50,59)
1.6512.73
#42434f
hsl(235.38,8.97%,28.43%)
rgb(66,67,79)
2.159.78
#545563
hsl(236,8.2%,35.88%)
rgb(84,85,99)
2.867.35
#676878
hsl(236.47,7.62%,43.73%)
rgb(103,104,120)
3.835.49
#7c7c8d
hsl(240,6.94%,51.96%)
rgb(124,124,141)
5.124.10
#9192a1
hsl(236.25,7.84%,60%)
rgb(145,146,161)
6.833.07
#a8a9b6
hsl(235.71,8.75%,68.63%)
rgb(168,169,182)
9.022.33
#c0c1cb
hsl(234.55,9.57%,77.45%)
rgb(192,193,203)
11.731.79
#d9d9e0
hsl(240,10.14%,86.47%)
rgb(217,217,224)
14.951.40
#f2f2f5
hsl(240,13.04%,95.49%)
rgb(242,242,245)
18.791.12

blue

#131427
hsl(237,34.48%,11.37%)
rgb(19,20,39)
1.1618.15
#1c2351
hsl(232.08,48.62%,21.37%)
rgb(28,35,81)
1.4114.91
#22337c
hsl(228.67,56.96%,30.98%)
rgb(34,51,124)
1.8311.46
#2b44a6
hsl(227.8,58.85%,40.98%)
rgb(43,68,166)
2.488.47
#3957cc
hsl(227.76,59.04%,51.18%)
rgb(57,87,204)
3.416.16
#4e6aec
hsl(229.37,80.61%,61.57%)
rgb(78,106,236)
4.604.57
#697eff
hsl(231.6,100%,70.59%)
rgb(105,126,255)
6.033.48
#8693ff
hsl(233.55,100%,76.27%)
rgb(134,147,255)
7.632.75
#a2a9ff
hsl(235.48,100%,81.76%)
rgb(162,169,255)
9.662.17
#bec0ff
hsl(238.15,100%,87.25%)
rgb(190,192,255)
12.171.73
#d8d7ff
hsl(241.5,100%,92.16%)
rgb(216,215,255)
15.081.39
#f1f0ff
hsl(244,100%,97.06%)
rgb(241,240,255)
18.651.13

indigo

#141122
hsl(250.59,33.33%,10%)
rgb(20,17,34)
1.1318.53
#201e44
hsl(243.16,38.78%,19.22%)
rgb(32,30,68)
1.3315.78
#2c2b68
hsl(240.98,41.5%,28.82%)
rgb(44,43,104)
1.6512.71
#3a3a8b
hsl(240,41.12%,38.63%)
rgb(58,58,139)
2.169.73
#4a4aab
hsl(240,39.59%,48.04%)
rgb(74,74,171)
2.867.35
#5e5bc8
hsl(241.65,49.77%,57.06%)
rgb(94,91,200)
3.815.52
#756fde
hsl(243.24,62.71%,65.29%)
rgb(117,111,222)
5.084.13
#8e85ee
hsl(245.14,75.54%,72.75%)
rgb(142,133,238)
6.743.12
#a79df8
hsl(246.59,86.67%,79.41%)
rgb(167,157,248)
8.822.38
#c0b7fe
hsl(247.61,97.26%,85.69%)
rgb(192,183,254)
11.451.83
#d9d1ff
hsl(250.43,100%,90.98%)
rgb(217,209,255)
14.511.45
#f1edff
hsl(253.33,100%,96.47%)
rgb(241,237,255)
18.301.15

violet

#190b23
hsl(275,52.17%,9.02%)
rgb(25,11,35)
1.1118.86
#2a1143
hsl(270,59.52%,16.47%)
rgb(42,17,67)
1.2616.67
#3c1465
hsl(269.63,66.94%,23.73%)
rgb(60,20,101)
1.4814.19
#4f1a85
hsl(269.72,67.3%,31.18%)
rgb(79,26,133)
1.8211.55
#6324a4
hsl(269.53,64%,39.22%)
rgb(99,36,164)
2.329.06
#7834bf
hsl(269.35,57.2%,47.65%)
rgb(120,52,191)
3.046.90
#8f4ad5
hsl(269.78,62.33%,56.27%)
rgb(143,74,213)
4.115.11
#a664e6
hsl(270.46,72.22%,64.71%)
rgb(166,100,230)
5.593.76
#bc82f1
hsl(271.35,79.86%,72.75%)
rgb(188,130,241)
7.602.76
#d1a2f9
hsl(272.41,87.88%,80.59%)
rgb(209,162,249)
10.252.05
#e4c4fd
hsl(273.68,93.44%,88.04%)
rgb(228,196,253)
13.611.54
#f5e8ff
hsl(273.91,100%,95.49%)
rgb(245,232,255)
17.871.18

fuschia

#211023
hsl(293.68,37.25%,10%)
rgb(33,16,35)
1.1618.06
#44164a
hsl(293.08,54.17%,18.82%)
rgb(68,22,74)
1.4614.39
#681b73
hsl(292.5,61.97%,27.84%)
rgb(104,27,115)
1.9910.54
#8c229a
hsl(293,63.83%,36.86%)
rgb(140,34,154)
2.817.47
#ad2ebf
hsl(292.55,61.18%,46.47%)
rgb(173,46,191)
3.925.36
#cb41dd
hsl(293.08,69.64%,56.08%)
rgb(203,65,221)
5.343.93
#e25af4
hsl(292.99,87.5%,65.49%)
rgb(226,90,244)
7.003.00
#f476ff
hsl(295.18,100%,73.14%)
rgb(244,118,255)
8.882.36
#ff94ff
hsl(300,100%,79.02%)
rgb(255,148,255)
10.931.92
#ffb2ff
hsl(300,100%,84.9%)
rgb(255,178,255)
13.061.61
#ffd0ff
hsl(300,100%,90.78%)
rgb(255,208,255)
15.721.34
#ffedff
hsl(300,100%,96.47%)
rgb(255,237,255)
18.811.12

magenta

#29121c
hsl(333.91,38.98%,11.57%)
rgb(41,18,28)
1.2017.54
#591c3a
hsl(330.49,52.14%,22.94%)
rgb(89,28,58)
1.6512.71
#8b2459
hsl(329.13,58.86%,34.31%)
rgb(139,36,89)
2.498.42
#ba2e77
hsl(328.71,60.34%,45.49%)
rgb(186,46,119)
3.755.61
#e53c94
hsl(328.76,76.47%,56.67%)
rgb(229,60,148)
5.413.88
#ff51ae
hsl(327.93,100%,65.88%)
rgb(255,81,174)
7.042.98
#ff6bc4
hsl(323.92,100%,70.98%)
rgb(255,107,196)
8.152.58
#ff87d5
hsl(321,100%,76.47%)
rgb(255,135,213)
9.682.17
#ffa3e3
hsl(318.26,100%,81.96%)
rgb(255,163,227)
11.601.81
#ffbfed
hsl(316.88,100%,87.45%)
rgb(255,191,237)
13.931.51
#ffd9f5
hsl(315.79,100%,92.55%)
rgb(255,217,245)
16.501.27
#fff1fb
hsl(317.14,100%,97.25%)
rgb(255,241,251)
19.231.09

red

#241010
hsl(0,38.46%,10.2%)
rgb(36,16,16)
1.1618.16
#541921
hsl(351.86,54.13%,21.37%)
rgb(84,25,33)
1.5413.65
#851f31
hsl(349.41,62.2%,32.16%)
rgb(133,31,49)
2.249.38
#b52743
hsl(348.17,64.55%,43.14%)
rgb(181,39,67)
3.346.29
#e03355
hsl(348.21,73.62%,53.92%)
rgb(224,51,85)
4.774.40
#ff4869
hsl(349.18,100%,64.12%)
rgb(255,72,105)
6.383.29
#ff627d
hsl(349.68,100%,69.22%)
rgb(255,98,125)
7.302.88
#ff7f92
hsl(351.09,100%,74.9%)
rgb(255,127,146)
8.702.41
#ff9da8
hsl(353.27,100%,80.78%)
rgb(255,157,168)
10.641.97
#ffbabf
hsl(355.65,100%,86.47%)
rgb(255,186,191)
13.031.61
#ffd5d7
hsl(357.14,100%,91.76%)
rgb(255,213,215)
15.751.33
#fff0f0
hsl(0,100%,97.06%)
rgb(255,240,240)
18.971.11

orange

#25130a
hsl(20,57.45%,9.22%)
rgb(37,19,10)
1.1817.85
#5a2615
hsl(14.78,62.16%,21.76%)
rgb(90,38,21)
1.7212.19
#92391d
hsl(14.36,66.86%,34.31%)
rgb(146,57,29)
2.837.43
#c84d27
hsl(14.16,67.36%,46.86%)
rgb(200,77,39)
4.554.62
#f96233
hsl(14.24,94.29%,58.82%)
rgb(249,98,51)
6.823.08
#ff7944
hsl(17.01,100%,63.33%)
rgb(255,121,68)
8.072.60
#ff9058
hsl(20.12,100%,67.25%)
rgb(255,144,88)
9.382.24
#ffa771
hsl(22.82,100%,72.16%)
rgb(255,167,113)
11.021.91
#ffbe8c
hsl(26.09,100%,77.45%)
rgb(255,190,140)
13.001.62
#ffd2aa
hsl(28.24,100%,83.33%)
rgb(255,210,170)
15.051.40
#ffe5ca
hsl(30.57,100%,89.61%)
rgb(255,229,202)
17.311.21
#fff5eb
hsl(30,100%,96.08%)
rgb(255,245,235)
19.511.08

gold

#20150a
hsl(30,52.38%,8.24%)
rgb(32,21,10)
1.1717.90
#543214
hsl(28.13,61.54%,20.39%)
rgb(84,50,20)
1.8411.39
#8a511b
hsl(29.19,67.27%,32.35%)
rgb(138,81,27)
3.276.42
#bf6f23
hsl(29.23,69.03%,44.31%)
rgb(191,111,35)
5.513.81
#ef8d2f
hsl(29.38,85.71%,56.08%)
rgb(239,141,47)
8.522.46
#ffa840
hsl(32.67,100%,62.55%)
rgb(255,168,64)
10.931.92
#ffbf56
hsl(37.28,100%,66.86%)
rgb(255,191,86)
12.841.64
#ffd270
hsl(41.12,100%,71.96%)
rgb(255,210,112)
14.701.43
#ffe08d
hsl(43.68,100%,77.65%)
rgb(255,224,141)
16.301.29
#ffecac
hsl(46.27,100%,83.73%)
rgb(255,236,172)
17.851.18
#fff4cb
hsl(47.31,100%,89.8%)
rgb(255,244,203)
19.051.10
#fffbeb
hsl(48,100%,96.08%)
rgb(255,251,235)
20.251.04

yellow

#181609
hsl(52,45.45%,6.47%)
rgb(24,22,9)
1.1618.14
#433f16
hsl(54.67,50.56%,17.45%)
rgb(67,63,22)
1.9610.71
#716c1c
hsl(56.47,60.28%,27.65%)
rgb(113,108,28)
3.865.43
#9f9824
hsl(56.59,63.08%,38.24%)
rgb(159,152,36)
6.993.00
#c9c130
hsl(56.86,61.45%,48.82%)
rgb(201,193,48)
11.151.88
#ede342
hsl(56.49,82.61%,59.41%)
rgb(237,227,66)
15.671.34
#fffc5a
hsl(58.91,100%,67.65%)
rgb(255,252,90)
19.321.09
#ffff77
hsl(60,100%,73.33%)
rgb(255,255,119)
19.821.06
#ffff94
hsl(60,100%,79.02%)
rgb(255,255,148)
19.981.05
#ffffb3
hsl(60,100%,85.1%)
rgb(255,255,179)
20.211.04
#ffffd0
hsl(60,100%,90.78%)
rgb(255,255,208)
20.471.03
#ffffee
hsl(60,100%,96.67%)
rgb(255,255,238)
20.791.01

yellow green

#14170a
hsl(73.85,39.39%,6.47%)
rgb(20,23,10)
1.1618.16
#354318
hsl(79.53,47.25%,17.84%)
rgb(53,67,24)
1.9710.67
#587221
hsl(79.26,55.1%,28.82%)
rgb(88,114,33)
3.845.46
#7ba12b
hsl(79.32,57.84%,40%)
rgb(123,161,43)
6.983.01
#9ccc39
hsl(79.59,59.04%,51.18%)
rgb(156,204,57)
11.111.89
#baf04c
hsl(79.76,84.54%,61.96%)
rgb(186,240,76)
15.661.34
#d3ff63
hsl(76.92,100%,69.41%)
rgb(211,255,99)
18.251.15
#e6ff7e
hsl(71.63,100%,74.71%)
rgb(230,255,126)
18.971.11
#f4ff9a
hsl(66.53,100%,80.2%)
rgb(244,255,154)
19.621.07
#fcffb7
hsl(62.5,100%,85.88%)
rgb(252,255,183)
20.131.04
#ffffd2
hsl(60,100%,91.18%)
rgb(255,255,210)
20.491.03
#ffffed
hsl(60,100%,96.47%)
rgb(255,255,237)
20.781.01

lime

#131b0d
hsl(94.29,35%,7.84%)
rgb(19,27,13)
1.1917.64
#2a491d
hsl(102.27,43.14%,20%)
rgb(42,73,29)
2.0710.15
#417a2a
hsl(102.75,48.78%,32.16%)
rgb(65,122,42)
4.045.20
#59aa38
hsl(102.63,50.44%,44.31%)
rgb(89,170,56)
7.232.90
#71d648
hsl(102.68,63.39%,56.08%)
rgb(113,214,72)
11.411.84
#8afc5b
hsl(102.48,96.41%,67.25%)
rgb(138,252,91)
16.161.30
#a2ff71
hsl(99.3,100%,72.16%)
rgb(162,255,113)
17.081.23
#b8ff89
hsl(96.1,100%,76.86%)
rgb(184,255,137)
17.701.19
#cdffa1
hsl(91.91,100%,81.57%)
rgb(205,255,161)
18.411.14
#deffba
hsl(88.7,100%,86.47%)
rgb(222,255,186)
19.121.10
#ecffd1
hsl(84.78,100%,90.98%)
rgb(236,255,209)
19.791.06
#f7ffe8
hsl(80.87,100%,95.49%)
rgb(247,255,232)
20.421.03

green

#101b0f
hsl(115,28.57%,8.24%)
rgb(16,27,15)
1.1917.71
#1a421e
hsl(126,43.48%,18.04%)
rgb(26,66,30)
1.8411.40
#226b2c
hsl(128.22,51.77%,27.65%)
rgb(34,107,44)
3.216.55
#29943c
hsl(130.65,56.61%,37.06%)
rgb(41,148,60)
5.403.89
#35ba4d
hsl(130.83,55.65%,46.86%)
rgb(53,186,77)
8.282.54
#48db60
hsl(129.8,67.12%,57.06%)
rgb(72,219,96)
11.581.81
#61f574
hsl(127.7,88.1%,67.06%)
rgb(97,245,116)
14.821.42
#7dff8a
hsl(126,100%,74.51%)
rgb(125,255,138)
16.541.27
#9affa1
hsl(124.16,100%,80.2%)
rgb(154,255,161)
17.191.22
#b6ffb8
hsl(121.64,100%,85.69%)
rgb(182,255,184)
17.991.17
#d0ffcf
hsl(118.75,100%,90.59%)
rgb(208,255,207)
18.891.11
#e7ffe6
hsl(117.6,100%,95.1%)
rgb(231,255,230)
19.841.06

teal

#0e1812
hsl(144,26.32%,7.45%)
rgb(14,24,18)
1.1618.13
#183a29
hsl(150,41.46%,16.08%)
rgb(24,58,41)
1.6812.53
#1f5e40
hsl(151.43,50.4%,24.51%)
rgb(31,94,64)
2.737.68
#278158
hsl(152.67,53.57%,32.94%)
rgb(39,129,88)
4.374.81
#33a36f
hsl(152.14,52.34%,41.96%)
rgb(51,163,111)
6.613.18
#44c186
hsl(151.68,50.2%,51.18%)
rgb(68,193,134)
9.222.28
#5bda9c
hsl(150.71,63.18%,60.59%)
rgb(91,218,156)
11.951.76
#76ecaf
hsl(148.98,75.64%,69.41%)
rgb(118,236,175)
14.391.46
#92f8c1
hsl(147.65,87.93%,77.25%)
rgb(146,248,193)
16.421.28
#aeffd2
hsl(146.67,100%,84.12%)
rgb(174,255,210)
18.031.16
#c9ffe1
hsl(146.67,100%,89.41%)
rgb(201,255,225)
18.871.11
#e3ffef
hsl(145.71,100%,94.51%)
rgb(227,255,239)
19.821.06

cyan

#111c1b
hsl(174.55,24.44%,8.82%)
rgb(17,28,27)
1.2117.42
#1d4842
hsl(171.63,42.57%,19.8%)
rgb(29,72,66)
2.0610.20
#26766d
hsl(173.25,51.28%,30.59%)
rgb(38,118,109)
3.895.39
#2fa496
hsl(172.82,55.45%,41.37%)
rgb(47,164,150)
6.873.06
#3ccebd
hsl(173.01,59.84%,52.16%)
rgb(60,206,189)
10.761.95
#51f2de
hsl(172.55,86.1%,63.33%)
rgb(81,242,222)
15.111.39
#6bfff8
hsl(177.16,100%,70.98%)
rgb(107,255,248)
17.281.21
#88ffff
hsl(180,100%,76.67%)
rgb(136,255,255)
17.791.18
#a4ffff
hsl(180,100%,82.16%)
rgb(164,255,255)
18.331.15
#bfffff
hsl(180,100%,87.45%)
rgb(191,255,255)
18.961.11
#d7ffff
hsl(180,100%,92.16%)
rgb(215,255,255)
19.641.07
#ebffff
hsl(180,100%,96.08%)
rgb(235,255,255)
20.281.04

cyan blue

#10161d
hsl(212.31,28.89%,8.82%)
rgb(16,22,29)
1.1518.19
#1b3449
hsl(207.39,46%,19.61%)
rgb(27,52,73)
1.6312.85
#235379
hsl(206.51,55.13%,30.59%)
rgb(35,83,121)
2.588.12
#2a73a7
hsl(204.96,59.81%,40.98%)
rgb(42,115,167)
4.115.11
#3691d2
hsl(205,63.41%,51.76%)
rgb(54,145,210)
6.143.42
#49adf7
hsl(205.52,91.58%,62.75%)
rgb(73,173,247)
8.602.44
#61c4ff
hsl(202.41,100%,69.02%)
rgb(97,196,255)
10.851.94
#7dd7ff
hsl(198.46,100%,74.51%)
rgb(125,215,255)
13.041.61
#9ae4ff
hsl(196.04,100%,80.2%)
rgb(154,228,255)
14.921.41
#b5eeff
hsl(193.78,100%,85.49%)
rgb(181,238,255)
16.641.26
#cef5ff
hsl(192.24,100%,90.39%)
rgb(206,245,255)
18.131.16
#e5faff
hsl(191.54,100%,94.9%)
rgb(229,250,255)
19.451.08

Color Modes

Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example
Text color Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
PrimaryPrimarySome muted text as an example

Gradients

Typefaces

-apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
1
2
3
4
5
6
7
8
9
0
+
=
!
@
#
$
%
^
&
100

Aa

200

Aa

300

Aa

400

Aa

500

Aa

600

Aa

700

Aa

800

Aa

900

Aa

Athelas
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
1
2
3
4
5
6
7
8
9
0
+
=
!
@
#
$
%
^
&
100

Aa

200

Aa

300

Aa

400

Aa

500

Aa

600

Aa

700

Aa

800

Aa

900

Aa

Type Scale

AAAAAAA
62px78px94px132px148px164px180px

Text Styles

heading

Quick brown fox jumped over the lazy red dog

Box Shadows

10px 1px 1px 0px rgba(0, 0, 0, 0.125), 0px 2px 2px 0px rgba(0, 0, 0, 0.125), 0px 4px 4px 0px rgba(0, 0, 0, 0.125), 0px 8px 8px 0px rgba(0, 0, 0, 0.125), 0px 16px 16px 0px rgba(0, 0, 0, 0.125)
20px 1px 1px 0px rgba(0, 0, 0, 0.11), 0px 2px 2px 0px rgba(0, 0, 0, 0.11), 0px 4px 4px 0px rgba(0, 0, 0, 0.11), 0px 8px 8px 0px rgba(0, 0, 0, 0.11), 0px 16px 16px 0px rgba(0, 0, 0, 0.11), 0px 32px 32px 0px rgba(0, 0, 0, 0.11)

Text Shadows

Aa
031px 35px 37px hsla(305.71, 17.65%, 46.67%, 0.19)