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
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

5390 accessible combinations




New theme

Start with a template
Color systems
Themes