Log inSign up

Colors

gray

#000000
hsl(0,0%,0%)
rgb(0,0,0)
1.0021.00
#1a1a1a
hsl(0,0%,10.2%)
rgb(26,26,26)
1.2117.40
#2c2c2c
hsl(0,0%,17.25%)
rgb(44,44,44)
1.5013.97
#404040
hsl(0,0%,25.1%)
rgb(64,64,64)
2.0310.37
#565656
hsl(0,0%,33.73%)
rgb(86,86,86)
2.867.34
#6c6c6c
hsl(0,0%,42.35%)
rgb(108,108,108)
4.005.25
#838383
hsl(0,0%,51.37%)
rgb(131,131,131)
5.543.79
#9a9a9a
hsl(0,0%,60.39%)
rgb(154,154,154)
7.462.81
#b2b2b2
hsl(0,0%,69.8%)
rgb(178,178,178)
9.902.12
#cbcbcb
hsl(0,0%,79.61%)
rgb(203,203,203)
12.941.62
#e5e5e5
hsl(0,0%,89.8%)
rgb(229,229,229)
16.671.26
#ffffff
hsl(0,0%,100%)
rgb(255,255,255)
21.001.00

slate gray

#101012
hsl(240,5.88%,6.67%)
rgb(16,16,18)
1.1019.01
#202024
hsl(240,5.88%,13.33%)
rgb(32,32,36)
1.2916.24
#302f37
hsl(247.5,7.84%,20%)
rgb(48,47,55)
1.5913.23
#41404a
hsl(246,7.25%,27.06%)
rgb(65,64,74)
2.0610.21
#53515f
hsl(248.57,7.95%,34.51%)
rgb(83,81,95)
2.717.75
#666375
hsl(250,8.33%,42.35%)
rgb(102,99,117)
3.615.82
#7a778a
hsl(249.47,7.51%,50.39%)
rgb(122,119,138)
4.834.34
#908e9e
hsl(247.5,7.62%,58.82%)
rgb(144,142,158)
6.553.21
#a7a5b2
hsl(249.23,7.78%,67.25%)
rgb(167,165,178)
8.672.42
#bfbdc7
hsl(252,8.2%,76.08%)
rgb(191,189,199)
11.321.86
#d7d6dc
hsl(250,7.89%,85.1%)
rgb(215,214,220)
14.541.44
#f0eff2
hsl(260,10.34%,94.31%)
rgb(240,239,242)
18.331.15

blue

#141721
hsl(226.15,24.53%,10.39%)
rgb(20,23,33)
1.1717.88
#1f273c
hsl(223.45,31.87%,17.84%)
rgb(31,39,60)
1.4114.85
#293759
hsl(222.5,36.92%,25.49%)
rgb(41,55,89)
1.7911.76
#344978
hsl(221.47,39.53%,33.73%)
rgb(52,73,120)
2.378.86
#3e5b98
hsl(220.67,42.06%,41.96%)
rgb(62,91,152)
3.156.66
#486eb9
hsl(219.82,44.66%,50.39%)
rgb(72,110,185)
4.214.99
#6483ca
hsl(221.76,49.04%,59.22%)
rgb(100,131,202)
5.643.72
#8298d4
hsl(223.9,48.81%,67.06%)
rgb(130,152,212)
7.392.84
#9faedd
hsl(225.48,47.69%,74.51%)
rgb(159,174,221)
9.572.19
#bbc4e7
hsl(227.73,47.83%,81.96%)
rgb(187,196,231)
12.161.73
#d6dbf1
hsl(228.89,49.09%,89.22%)
rgb(214,219,241)
15.261.38
#f1f3fa
hsl(226.67,47.37%,96.27%)
rgb(241,243,250)
18.941.11

indigo

#191521
hsl(260,22.22%,10.59%)
rgb(25,21,33)
1.1717.94
#2b223c
hsl(260.77,27.66%,18.43%)
rgb(43,34,60)
1.4015.03
#3e2f5a
hsl(260.93,31.39%,26.86%)
rgb(62,47,90)
1.7611.94
#523d79
hsl(261,32.97%,35.69%)
rgb(82,61,121)
2.309.12
#664c99
hsl(260.26,33.62%,44.9%)
rgb(102,76,153)
3.066.87
#7c5bbb
hsl(260.63,41.38%,54.51%)
rgb(124,91,187)
4.075.16
#9171cb
hsl(261.33,46.39%,61.96%)
rgb(145,113,203)
5.433.87
#a68ad5
hsl(262.4,47.17%,68.82%)
rgb(166,138,213)
7.222.91
#baa3df
hsl(263,48.39%,75.69%)
rgb(186,163,223)
9.392.24
#cebde8
hsl(263.72,48.31%,82.55%)
rgb(206,189,232)
12.071.74
#e2d7f1
hsl(265.38,48.15%,89.41%)
rgb(226,215,241)
15.221.38
#f5f1fb
hsl(264,55.56%,96.47%)
rgb(245,241,251)
18.861.11

violet

#1c121b
hsl(306,21.74%,9.02%)
rgb(28,18,27)
1.1518.23
#341d33
hsl(302.61,28.4%,15.88%)
rgb(52,29,51)
1.3715.33
#4d284d
hsl(300,31.62%,22.94%)
rgb(77,40,77)
1.7312.17
#683368
hsl(300,34.19%,30.39%)
rgb(104,51,104)
2.269.28
#843e84
hsl(300,36.08%,38.04%)
rgb(132,62,132)
3.006.99
#a24aa2
hsl(300,37.29%,46.27%)
rgb(162,74,162)
4.045.20
#b661b5
hsl(300.71,36.8%,54.71%)
rgb(182,97,181)
5.373.91
#c47dc2
hsl(301.69,37.57%,62.94%)
rgb(196,125,194)
7.062.97
#d299cf
hsl(303.16,38.78%,71.18%)
rgb(210,153,207)
9.202.28
#dfb5dd
hsl(302.86,39.62%,79.22%)
rgb(223,181,221)
11.791.78
#ecd1ea
hsl(304.44,41.54%,87.25%)
rgb(236,209,234)
14.871.41
#f8edf7
hsl(305.45,44%,95.1%)
rgb(248,237,247)
18.451.14

magenta

#221319
hsl(336,28.3%,10.39%)
rgb(34,19,25)
1.1817.87
#3d1c2b
hsl(332.73,37.08%,17.45%)
rgb(61,28,43)
1.4015.01
#59253d
hsl(332.31,41.27%,24.71%)
rgb(89,37,61)
1.7611.95
#782f51
hsl(332.05,43.71%,32.75%)
rgb(120,47,81)
2.329.04
#983766
hsl(330.93,46.86%,40.59%)
rgb(152,55,102)
3.076.83
#b9407b
hsl(330.74,48.59%,48.82%)
rgb(185,64,123)
4.085.14
#cb5a8f
hsl(331.86,52.07%,57.45%)
rgb(203,90,143)
5.403.89
#d779a2
hsl(333.83,54.02%,65.88%)
rgb(215,121,162)
7.152.94
#e197b5
hsl(335.68,55.22%,73.73%)
rgb(225,151,181)
9.302.26
#ebb3c9
hsl(336.43,58.33%,81.18%)
rgb(235,179,201)
11.821.78
#f3d0dd
hsl(337.71,59.32%,88.43%)
rgb(243,208,221)
14.881.41
#fbedf2
hsl(338.57,63.64%,95.69%)
rgb(251,237,242)
18.501.14

red

#24120e
hsl(10.91,44%,9.8%)
rgb(36,18,14)
1.1717.98
#411b17
hsl(5.71,47.73%,17.25%)
rgb(65,27,23)
1.3915.07
#5f241e
hsl(5.54,52%,24.51%)
rgb(95,36,30)
1.7611.95
#7f2c26
hsl(4.04,53.94%,32.35%)
rgb(127,44,38)
2.299.17
#a1332d
hsl(3.1,56.31%,40.39%)
rgb(161,51,45)
3.036.94
#c43b35
hsl(2.52,57.43%,48.82%)
rgb(196,59,53)
4.025.22
#d8564b
hsl(4.68,64.38%,57.06%)
rgb(216,86,75)
5.353.92
#e37669
hsl(6.39,68.54%,65.1%)
rgb(227,118,105)
7.062.97
#ed9487
hsl(7.65,73.91%,72.94%)
rgb(237,148,135)
9.192.29
#f5b2a7
hsl(8.46,79.59%,80.78%)
rgb(245,178,167)
11.811.78
#facfc7
hsl(9.41,83.61%,88.04%)
rgb(250,207,199)
14.811.42
#feece9
hsl(8.57,91.3%,95.49%)
rgb(254,236,233)
18.391.14

red orange

#20110a
hsl(19.09,52.38%,8.24%)
rgb(32,17,10)
1.1518.32
#3a1c13
hsl(13.85,50.65%,15.1%)
rgb(58,28,19)
1.3615.49
#572619
hsl(12.58,55.36%,21.96%)
rgb(87,38,25)
1.7012.38
#75311e
hsl(13.1,59.18%,28.82%)
rgb(117,49,30)
2.219.48
#953b24
hsl(12.21,61.08%,36.27%)
rgb(149,59,36)
2.937.17
#b5462a
hsl(12.09,62.33%,43.73%)
rgb(181,70,42)
3.875.42
#cb5d3f
hsl(12.86,57.38%,52.16%)
rgb(203,93,63)
5.184.06
#d87b5f
hsl(13.88,60.8%,60.98%)
rgb(216,123,95)
6.923.04
#e4977f
hsl(14.26,65.16%,69.61%)
rgb(228,151,127)
9.032.33
#eeb4a1
hsl(14.81,69.37%,78.24%)
rgb(238,180,161)
11.681.80
#f6d0c4
hsl(14.4,73.53%,86.67%)
rgb(246,208,196)
14.741.42
#fcede8
hsl(15,76.92%,94.9%)
rgb(252,237,232)
18.421.14

orange

#271807
hsl(31.88,69.57%,9.02%)
rgb(39,24,7)
1.2217.21
#3d240c
hsl(29.39,67.12%,14.31%)
rgb(61,36,12)
1.4614.42
#55300f
hsl(28.29,70%,19.61%)
rgb(85,48,15)
1.8211.56
#6e3c10
hsl(28.09,74.6%,24.71%)
rgb(110,60,16)
2.329.06
#8a4a10
hsl(28.52,79.22%,30.2%)
rgb(138,74,16)
3.076.85
#aa580e
hsl(28.46,84.78%,36.08%)
rgb(170,88,14)
4.115.11
#cc711f
hsl(28.44,73.62%,46.08%)
rgb(204,113,31)
5.953.53
#ef933c
hsl(29.16,84.83%,58.63%)
rgb(239,147,60)
8.912.36
#f7a760
hsl(28.21,90.42%,67.25%)
rgb(247,167,96)
10.651.97
#f3b685
hsl(26.73,82.09%,73.73%)
rgb(243,182,133)
11.841.77
#fad2b3
hsl(26.2,87.65%,84.12%)
rgb(250,210,179)
14.931.41
#ffefe3
hsl(25.71,100%,94.51%)
rgb(255,239,227)
18.711.12

yellow

#201a0c
hsl(42,45.45%,8.63%)
rgb(32,26,12)
1.2117.29
#322811
hsl(41.82,49.25%,13.14%)
rgb(50,40,17)
1.4514.51
#453714
hsl(42.86,55.06%,17.45%)
rgb(69,55,20)
1.8111.60
#594717
hsl(43.64,58.93%,21.96%)
rgb(89,71,23)
2.348.98
#6d5719
hsl(44.29,62.69%,26.27%)
rgb(109,87,25)
3.036.94
#83691a
hsl(45.14,66.88%,30.78%)
rgb(131,105,26)
4.005.25
#b3901a
hsl(46.27,74.63%,40.2%)
rgb(179,144,26)
6.923.03
#e4b814
hsl(47.31,83.87%,48.63%)
rgb(228,184,20)
11.171.88
#f4cc4c
hsl(45.71,88.42%,62.75%)
rgb(244,204,76)
13.591.55
#fad97d
hsl(44.16,92.59%,73.53%)
rgb(250,217,125)
15.291.37
#fee8b3
hsl(42.4,97.4%,84.9%)
rgb(254,232,179)
17.411.21
#fff6e2
hsl(41.38,100%,94.31%)
rgb(255,246,226)
19.531.08

green

#101b0f
hsl(115,28.57%,8.24%)
rgb(16,27,15)
1.1917.71
#152d17
hsl(125,36.36%,12.94%)
rgb(21,45,23)
1.4214.79
#1a401e
hsl(126.32,42.22%,17.65%)
rgb(26,64,30)
1.8011.69
#1d5325
hsl(128.89,48.21%,21.96%)
rgb(29,83,37)
2.329.07
#1f682d
hsl(131.51,54.07%,26.47%)
rgb(31,104,45)
3.086.83
#207d34
hsl(132.9,59.24%,30.78%)
rgb(32,125,52)
4.045.19
#45914e
hsl(127.11,35.51%,41.96%)
rgb(69,145,78)
5.413.88
#68a56c
hsl(123.93,25.31%,52.75%)
rgb(104,165,108)
7.192.92
#8ab98b
hsl(121.28,25.13%,63.33%)
rgb(138,185,139)
9.392.24
#abcdab
hsl(120,25.37%,73.73%)
rgb(171,205,171)
12.051.74
#cce1cc
hsl(120,25.93%,84.12%)
rgb(204,225,204)
15.211.38
#eef5ee
hsl(120,25.93%,94.71%)
rgb(238,245,238)
18.931.11

teal

#0f1914
hsl(150,25%,7.84%)
rgb(15,25,20)
1.1717.96
#152b21
hsl(152.73,34.38%,12.55%)
rgb(21,43,33)
1.4015.01
#1a3e2e
hsl(153.33,40.91%,17.25%)
rgb(26,62,46)
1.7711.85
#1e523b
hsl(153.46,46.43%,21.96%)
rgb(30,82,59)
2.339.03
#20674a
hsl(155.49,52.59%,26.47%)
rgb(32,103,74)
3.106.77
#227c58
hsl(156,56.96%,30.98%)
rgb(34,124,88)
4.095.13
#43916e
hsl(153.08,36.79%,41.57%)
rgb(67,145,110)
5.513.81
#67a487
hsl(151.48,25.1%,52.35%)
rgb(103,164,135)
7.242.90
#89b8a0
hsl(149.36,24.87%,62.94%)
rgb(137,184,160)
9.432.23
#abccbb
hsl(149.09,24.44%,73.53%)
rgb(171,204,187)
12.091.74
#cce0d5
hsl(147,24.39%,83.92%)
rgb(204,224,213)
15.191.38
#eef5f1
hsl(145.71,25.93%,94.71%)
rgb(238,245,241)
18.971.11

cyan

#111b1b
hsl(180,22.73%,8.63%)
rgb(17,27,27)
1.2017.55
#172c2c
hsl(180,31.34%,13.14%)
rgb(23,44,44)
1.4314.65
#1c3e3e
hsl(180,37.78%,17.65%)
rgb(28,62,62)
1.8111.62
#205151
hsl(180,43.36%,22.16%)
rgb(32,81,81)
2.368.91
#236465
hsl(180.91,48.53%,26.67%)
rgb(35,100,101)
3.086.81
#26797a
hsl(180.71,52.5%,31.37%)
rgb(38,121,122)
4.105.12
#468d8d
hsl(180,33.65%,41.37%)
rgb(70,141,141)
5.453.85
#69a0a0
hsl(180,22.45%,51.96%)
rgb(105,160,160)
7.142.94
#89b4b4
hsl(180,22.28%,62.16%)
rgb(137,180,180)
9.252.27
#a9c8c8
hsl(180,21.99%,72.35%)
rgb(169,200,200)
11.781.78
#cadddd
hsl(180,21.84%,82.94%)
rgb(202,221,221)
14.901.41
#eaf2f1
hsl(172.5,23.53%,93.33%)
rgb(234,242,241)
18.471.14

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
Log inSign up
Color groups

Color modes

Gradients
Font Sizes

Font Families

Line Heights

Letter Spacing

Text Styles
Space
Border Radius

Border Widths

Border Styles
Box Shadows

Text Shadows
Media queries

Min-width based media queries for setting responsive styles. These values are used when generating responsive css styles as well as within theme definitions.

0
Global - All screen sizes

7256 accessible combinations



New theme

Start with a template
Color systems
Themes