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
#555555
hsl(0,0%,33.33%)
rgb(85,85,85)
2.827.46
#6b6b6b
hsl(0,0%,41.96%)
rgb(107,107,107)
3.945.33
#828282
hsl(0,0%,50.98%)
rgb(130,130,130)
5.463.84
#999999
hsl(0,0%,60%)
rgb(153,153,153)
7.372.85
#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

gray blue

#0d0e11
hsl(225,13.33%,5.88%)
rgb(13,14,17)
1.0919.30
#1f2027
hsl(232.5,11.43%,13.73%)
rgb(31,32,39)
1.2916.23
#2f313e
hsl(232,13.76%,21.37%)
rgb(47,49,62)
1.6312.89
#404456
hsl(229.09,14.67%,29.41%)
rgb(64,68,86)
2.189.64
#52576f
hsl(229.66,15.03%,37.84%)
rgb(82,87,111)
2.957.11
#656b86
hsl(229.09,14.04%,46.08%)
rgb(101,107,134)
4.005.25
#7a809c
hsl(229.41,14.66%,54.51%)
rgb(122,128,156)
5.403.89
#9196b0
hsl(230.32,16.4%,62.94%)
rgb(145,150,176)
7.192.92
#a9adc2
hsl(230.4,17.01%,71.18%)
rgb(169,173,194)
9.442.22
#c2c4d4
hsl(233.33,17.31%,79.61%)
rgb(194,196,212)
12.141.73
#dbdce5
hsl(234,16.13%,87.84%)
rgb(219,220,229)
15.381.37
#f4f5f7
hsl(220,15.79%,96.27%)
rgb(244,245,247)
19.251.09

blue

#0e101b
hsl(230.77,31.71%,8.04%)
rgb(14,16,27)
1.1118.94
#142040
hsl(223.64,52.38%,16.47%)
rgb(20,32,64)
1.3116.03
#0f306b
hsl(218.48,75.41%,23.92%)
rgb(15,48,107)
1.6612.69
#004196
hsl(214,100%,29.41%)
rgb(0,65,150)
2.209.56
#0053bf
hsl(213.93,100%,37.45%)
rgb(0,83,191)
2.997.02
#0066e1
hsl(212.8,100%,44.12%)
rgb(0,102,225)
3.995.27
#387bf9
hsl(219.17,94.15%,59.8%)
rgb(56,123,249)
5.373.91
#6590ff
hsl(223.25,100%,69.8%)
rgb(101,144,255)
6.993.01
#8da7ff
hsl(226.32,100%,77.65%)
rgb(141,167,255)
9.102.31
#b1c0ff
hsl(228.46,100%,84.71%)
rgb(177,192,255)
11.851.77
#d3d9ff
hsl(231.82,100%,91.37%)
rgb(211,217,255)
15.141.39
#f1f2ff
hsl(235.71,100%,97.25%)
rgb(241,242,255)
18.891.11

indigo

#140d1a
hsl(272.31,33.33%,7.65%)
rgb(20,13,26)
1.1019.05
#271a3d
hsl(262.29,40.23%,17.06%)
rgb(39,26,61)
1.3016.14
#3b2465
hsl(261.23,47.45%,26.86%)
rgb(59,36,101)
1.6312.91
#502f8d
hsl(261.06,50%,36.86%)
rgb(80,47,141)
2.139.85
#653cb4
hsl(260.5,50%,47.06%)
rgb(101,60,180)
2.867.35
#7c4cd4
hsl(261.18,61.26%,56.47%)
rgb(124,76,212)
3.845.47
#9462eb
hsl(261.9,77.4%,65.29%)
rgb(148,98,235)
5.214.03
#ab7cf8
hsl(262.74,89.86%,72.94%)
rgb(171,124,248)
6.973.01
#c198fd
hsl(264.36,96.19%,79.41%)
rgb(193,152,253)
9.182.29
#d5b7fe
hsl(265.35,97.26%,85.69%)
rgb(213,183,254)
12.031.75
#e7d6fd
hsl(266.15,90.7%,91.57%)
rgb(231,214,253)
15.431.36
#f9f4fe
hsl(270,83.33%,97.65%)
rgb(249,244,254)
19.401.08

violet

#160a15
hsl(305,37.5%,6.27%)
rgb(22,10,21)
1.0919.30
#331434
hsl(298.13,44.44%,14.12%)
rgb(51,20,52)
1.2916.27
#531557
hsl(296.36,61.11%,21.18%)
rgb(83,21,87)
1.6113.02
#75147c
hsl(295.96,72.22%,28.24%)
rgb(117,20,124)
2.159.78
#96159f
hsl(296.09,76.67%,35.29%)
rgb(150,21,159)
2.907.23
#b425be
hsl(296.08,67.4%,44.51%)
rgb(180,37,190)
3.955.32
#cc43d5
hsl(296.3,63.48%,54.9%)
rgb(204,67,213)
5.333.94
#de65e5
hsl(296.72,71.11%,64.71%)
rgb(222,101,229)
7.102.96
#eb89ee
hsl(298.22,74.81%,73.53%)
rgb(235,137,238)
9.352.25
#f3adf3
hsl(300,74.47%,81.57%)
rgb(243,173,243)
12.081.74
#f8d0f7
hsl(301.5,74.07%,89.41%)
rgb(248,208,247)
15.361.37
#fcf2fc
hsl(300,62.5%,96.86%)
rgb(252,242,252)
19.251.09

magenta

#170a0f
hsl(336.92,39.39%,6.47%)
rgb(23,10,15)
1.0919.32
#361423
hsl(333.53,45.95%,14.51%)
rgb(54,20,35)
1.2816.39
#571936
hsl(331.94,55.36%,21.96%)
rgb(87,25,54)
1.6013.14
#7b1c4b
hsl(330.32,62.91%,29.61%)
rgb(123,28,75)
2.119.95
#a01b61
hsl(328.42,71.12%,36.67%)
rgb(160,27,97)
2.827.44
#c71677
hsl(327.12,80.09%,43.33%)
rgb(199,22,119)
3.815.51
#e1398d
hsl(330,73.68%,55.29%)
rgb(225,57,141)
5.174.06
#ea67a1
hsl(333.44,75.72%,66.08%)
rgb(234,103,161)
6.953.02
#f28bb5
hsl(335.53,79.84%,74.71%)
rgb(242,139,181)
9.142.30
#f8aeca
hsl(337.3,84.09%,82.75%)
rgb(248,174,202)
11.901.76
#fccfdf
hsl(338.67,88.24%,90%)
rgb(252,207,223)
15.131.39
#ffeff5
hsl(337.5,100%,96.86%)
rgb(255,239,245)
18.921.11

red

#160807
hsl(4,51.72%,5.69%)
rgb(22,8,7)
1.0719.59
#371214
hsl(356.76,50.68%,14.31%)
rgb(55,18,20)
1.2616.68
#5d131c
hsl(352.7,66.07%,21.96%)
rgb(93,19,28)
1.5813.33
#830d25
hsl(347.8,81.94%,28.24%)
rgb(131,13,37)
2.0510.25
#a90830
hsl(345.09,90.96%,34.71%)
rgb(169,8,48)
2.767.60
#cb1b3f
hsl(347.73,76.52%,45.1%)
rgb(203,27,63)
3.775.57
#e53c52
hsl(352.19,76.47%,56.67%)
rgb(229,60,82)
5.104.12
#f7616b
hsl(356,90.36%,67.45%)
rgb(247,97,107)
6.883.05
#ff8789
hsl(359,100%,76.47%)
rgb(255,135,137)
9.082.31
#ffacab
hsl(0.71,100%,83.53%)
rgb(255,172,171)
11.741.79
#ffd1cf
hsl(2.5,100%,90.59%)
rgb(255,209,207)
15.271.37
#fff3f3
hsl(0,100%,97.65%)
rgb(255,243,243)
19.371.08

orange

#140a02
hsl(26.67,81.82%,4.31%)
rgb(20,10,2)
1.0719.55
#301a04
hsl(30,84.62%,10.2%)
rgb(48,26,4)
1.2816.47
#4f2500
hsl(28.1,100%,15.49%)
rgb(79,37,0)
1.6013.15
#6e3200
hsl(27.27,100%,21.57%)
rgb(110,50,0)
2.129.91
#8e4000
hsl(27.04,100%,27.84%)
rgb(142,64,0)
2.887.28
#ab5100
hsl(28.42,100%,33.53%)
rgb(171,81,0)
3.915.37
#c56612
hsl(28.16,83.26%,42.16%)
rgb(197,102,18)
5.283.97
#d97e37
hsl(26.3,68.07%,53.33%)
rgb(217,126,55)
6.993.00
#e8995e
hsl(25.65,75%,63.92%)
rgb(232,153,94)
9.152.30
#f2b68a
hsl(25.38,80%,74.51%)
rgb(242,182,138)
11.831.77
#f9d3b9
hsl(24.37,84.21%,85.1%)
rgb(249,211,185)
15.051.40
#fdf0e7
hsl(24.55,84.62%,94.9%)
rgb(253,240,231)
18.791.12

gold

#130f05
hsl(42.86,58.33%,4.71%)
rgb(19,15,5)
1.1019.12
#352b0d
hsl(45,60.61%,12.94%)
rgb(53,43,13)
1.5013.97
#5a4908
hsl(47.56,83.67%,19.22%)
rgb(90,73,8)
2.398.78
#826900
hsl(48.46,100%,25.49%)
rgb(130,105,0)
3.975.29
#a98800
hsl(48.28,100%,33.14%)
rgb(169,136,0)
6.213.38
#cba500
hsl(48.77,100%,39.8%)
rgb(203,165,0)
8.922.35
#e5bc1a
hsl(47.88,79.61%,50%)
rgb(229,188,26)
11.541.82
#f5cd46
hsl(46.29,89.74%,61.76%)
rgb(245,205,70)
13.701.53
#feda6e
hsl(45,98.63%,71.37%)
rgb(254,218,110)
15.471.36
#ffe497
hsl(44.42,100%,79.61%)
rgb(255,228,151)
16.801.25
#ffeec0
hsl(43.81,100%,87.65%)
rgb(255,238,192)
18.241.15
#fff8e8
hsl(41.74,100%,95.49%)
rgb(255,248,232)
19.841.06

green

#07100b
hsl(146.67,39.13%,4.51%)
rgb(7,16,11)
1.0919.30
#0d2519
hsl(150,48%,9.8%)
rgb(13,37,25)
1.3016.21
#073a25
hsl(155.29,78.46%,12.75%)
rgb(7,58,37)
1.6412.80
#005031
hsl(156.75,100%,15.69%)
rgb(0,80,49)
2.199.58
#00673f
hsl(156.7,100%,20.2%)
rgb(0,103,63)
3.016.97
#007e4f
hsl(157.62,100%,24.71%)
rgb(0,126,79)
4.105.13
#1f9464
hsl(155.38,65.36%,35.1%)
rgb(31,148,100)
5.483.83
#4aa97c
hsl(151.58,39.09%,47.65%)
rgb(74,169,124)
7.262.89
#74bd97
hsl(148.77,35.61%,59.8%)
rgb(116,189,151)
9.472.22
#9dd0b4
hsl(147.06,35.17%,71.57%)
rgb(157,208,180)
12.121.73
#c6e3d2
hsl(144.83,34.12%,83.33%)
rgb(198,227,210)
15.321.37
#edf6f1
hsl(146.67,33.33%,94.71%)
rgb(237,246,241)
19.051.10

teal

#060e0f
hsl(186.67,42.86%,4.12%)
rgb(6,14,15)
1.0819.49
#0e2325
hsl(185.22,45.1%,10%)
rgb(14,35,37)
1.2916.33
#08383b
hsl(183.53,76.12%,13.14%)
rgb(8,56,59)
1.6412.81
#004d53
hsl(184.34,100%,16.27%)
rgb(0,77,83)
2.199.60
#00646b
hsl(183.93,100%,20.98%)
rgb(0,100,107)
3.046.92
#007b82
hsl(183.23,100%,25.49%)
rgb(0,123,130)
4.165.05
#249198
hsl(183.62,61.7%,36.86%)
rgb(36,145,152)
5.583.76
#50a6ad
hsl(184.52,36.76%,49.61%)
rgb(80,166,173)
7.402.84
#7abbc0
hsl(184.29,35.71%,61.57%)
rgb(122,187,192)
9.702.17
#a3cfd2
hsl(183.83,34.31%,73.14%)
rgb(163,207,210)
12.411.69
#cbe3e5
hsl(184.62,33.33%,84.71%)
rgb(203,227,229)
15.661.34
#f2f8f8
hsl(180,30%,96.08%)
rgb(242,248,248)
19.561.07
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

5390 accessible combinations



New theme

Start with a template
Color systems
Themes