Theme | Components AI

Theme

Color Groups

Color Modes

Gradients

Colors

DisplayContrast threshold

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

#2d2d2d

hsl(0,0%,17.65%)

rgb(45,45,45)

1.5213.77

#414141

hsl(0,0%,25.49%)

rgb(65,65,65)

2.0610.21

#565656

hsl(0,0%,33.73%)

rgb(86,86,86)

2.867.34

#6d6d6d

hsl(0,0%,42.75%)

rgb(109,109,109)

4.065.17

#838383

hsl(0,0%,51.37%)

rgb(131,131,131)

5.543.79

#9b9b9b

hsl(0,0%,60.78%)

rgb(155,155,155)

7.562.78

#b3b3b3

hsl(0,0%,70.2%)

rgb(179,179,179)

10.022.10

#cccccc

hsl(0,0%,80%)

rgb(204,204,204)

13.081.61

#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

#101112

hsl(210,5.88%,6.67%)

rgb(16,17,18)

1.1118.90

#212225

hsl(225,5.71%,13.73%)

rgb(33,34,37)

1.3215.91

#313339

hsl(225,7.55%,20.78%)

rgb(49,51,57)

1.6612.63

#42454e

hsl(225,8.33%,28.24%)

rgb(66,69,78)

2.199.58

#545864

hsl(225,8.7%,36.08%)

rgb(84,88,100)

2.967.10

#676c7b

hsl(225,8.85%,44.31%)

rgb(103,108,123)

4.015.24

#7c8190

hsl(225,8.26%,52.55%)

rgb(124,129,144)

5.403.89

#9397a4

hsl(225.88,8.54%,60.98%)

rgb(147,151,164)

7.202.92

#abadb8

hsl(230.77,8.39%,69.61%)

rgb(171,173,184)

9.402.23

#c3c5cc

hsl(226.67,8.11%,78.24%)

rgb(195,197,204)

12.181.72

#dbdce1

hsl(230,9.09%,87.06%)

rgb(219,220,225)

15.341.37

#f4f5f6

hsl(210,10%,96.08%)

rgb(244,245,246)

19.241.09

blue

#0b0e15

hsl(222,31.25%,6.27%)

rgb(11,14,21)

1.0919.30

#162032

hsl(218.57,38.89%,14.12%)

rgb(22,32,50)

1.2916.32

#1d3251

hsl(215.77,47.27%,21.57%)

rgb(29,50,81)

1.6312.90

#224573

hsl(214.07,54.36%,29.22%)

rgb(34,69,115)

2.179.69

#255997

hsl(212.63,60.64%,36.86%)

rgb(37,89,151)

2.957.11

#266ebc

hsl(211.2,66.37%,44.31%)

rgb(38,110,188)

4.045.20

#4683d3

hsl(214.04,61.57%,55.1%)

rgb(70,131,211)

5.453.85

#7099db

hsl(217.01,59.78%,64.9%)

rgb(112,153,219)

7.272.89

#93afe4

hsl(219.26,60%,73.53%)

rgb(147,175,228)

9.492.21

#b3c6ec

hsl(220,60%,81.37%)

rgb(179,198,236)

12.211.72

#d3ddf4

hsl(221.82,60%,89.22%)

rgb(211,221,244)

15.421.36

#f2f5fc

hsl(222,62.5%,96.86%)

rgb(242,245,252)

19.241.09

indigo

#110b16

hsl(272.73,33.33%,6.47%)

rgb(17,11,22)

1.0819.39

#241935

hsl(263.57,35.9%,15.29%)

rgb(36,25,53)

1.2716.59

#382457

hsl(263.53,41.46%,24.12%)

rgb(56,36,87)

1.5613.48

#4d307c

hsl(262.89,44.19%,33.73%)

rgb(77,48,124)

2.0310.35

#623ca3

hsl(262.14,46.19%,43.73%)

rgb(98,60,163)

2.697.79

#7848cb

hsl(261.98,55.74%,53.92%)

rgb(120,72,203)

3.595.85

#905ee2

hsl(262.73,69.47%,62.75%)

rgb(144,94,226)

4.894.30

#a77be9

hsl(264,71.43%,69.8%)

rgb(167,123,233)

6.653.16

#bc98ee

hsl(265.12,71.67%,76.47%)

rgb(188,152,238)

8.862.37

#d1b6f4

hsl(266.13,73.81%,83.53%)

rgb(209,182,244)

11.711.79

#e4d4f9

hsl(265.95,75.51%,90.39%)

rgb(228,212,249)

15.081.39

#f7f2fd

hsl(267.27,73.33%,97.06%)

rgb(247,242,253)

19.071.10

violet

#180c1a

hsl(291.43,36.84%,7.45%)

rgb(24,12,26)

1.1118.98

#301638

hsl(285.88,43.59%,15.29%)

rgb(48,22,56)

1.3016.18

#4b1d5a

hsl(285.25,51.26%,23.33%)

rgb(75,29,90)

1.6212.94

#67237e

hsl(284.84,56.52%,31.57%)

rgb(103,35,126)

2.129.91

#8527a4

hsl(285.12,61.58%,39.8%)

rgb(133,39,164)

2.827.44

#a42bcc

hsl(285.09,65.18%,48.43%)

rgb(164,43,204)

3.805.53

#bb48e1

hsl(285.1,71.83%,58.24%)

rgb(187,72,225)

5.134.10

#ca6ee7

hsl(285.62,71.6%,66.86%)

rgb(202,110,231)

6.903.05

#d890ed

hsl(286.45,72.09%,74.71%)

rgb(216,144,237)

9.132.30

#e5b1f3

hsl(287.27,73.33%,82.35%)

rgb(229,177,243)

11.911.76

#f1d1f8

hsl(289.23,73.58%,89.61%)

rgb(241,209,248)

15.221.38

#fbf1fd

hsl(290,75%,96.86%)

rgb(251,241,253)

19.101.10

magenta

#180b11

hsl(332.31,37.14%,6.86%)

rgb(24,11,17)

1.0919.18

#351624

hsl(332.9,41.33%,14.71%)

rgb(53,22,36)

1.2916.26

#551c38

hsl(330.53,50.44%,22.16%)

rgb(85,28,56)

1.6113.05

#76214d

hsl(328.94,56.29%,29.61%)

rgb(118,33,77)

2.1010.02

#9a2563

hsl(328.21,61.26%,37.45%)

rgb(154,37,99)

2.827.45

#be2779

hsl(327.42,65.94%,44.9%)

rgb(190,39,121)

3.765.59

#d5468f

hsl(329.37,63%,55.49%)

rgb(213,70,143)

5.104.12

#e06ea3

hsl(332.11,64.77%,65.49%)

rgb(224,110,163)

6.933.03

#ea91b7

hsl(334.38,67.94%,74.31%)

rgb(234,145,183)

9.232.27

#f2b2cc

hsl(335.63,71.11%,82.35%)

rgb(242,178,204)

12.021.75

#f9d3e1

hsl(337.89,76%,90.2%)

rgb(249,211,225)

15.431.36

#fef3f7

hsl(338.18,84.62%,97.45%)

rgb(254,243,247)

19.381.08

red

#180a0a

hsl(0,41.18%,6.67%)

rgb(24,10,10)

1.0919.33

#351518

hsl(354.38,43.24%,14.51%)

rgb(53,21,24)

1.2716.51

#561b23

hsl(351.86,52.21%,22.16%)

rgb(86,27,35)

1.5813.32

#79202f

hsl(349.89,58.17%,30%)

rgb(121,32,47)

2.0610.19

#9d233b

hsl(348.2,63.54%,37.65%)

rgb(157,35,59)

2.747.67

#c42448

hsl(346.5,68.97%,45.49%)

rgb(196,36,72)

3.695.69

#dd425c

hsl(349.94,69.51%,56.27%)

rgb(221,66,92)

5.014.19

#e86b77

hsl(354.24,73.1%,66.47%)

rgb(232,107,119)

6.803.09

#f18e94

hsl(356.36,77.95%,75.1%)

rgb(241,142,148)

9.042.32

#f8b0b2

hsl(358.33,83.72%,83.14%)

rgb(248,176,178)

11.841.77

#fdd1d1

hsl(0,91.67%,90.59%)

rgb(253,209,209)

15.221.38

#fff1f1

hsl(0,100%,97.25%)

rgb(255,241,241)

19.101.10

red orange

#180d06

hsl(23.33,60%,5.88%)

rgb(24,13,6)

1.1019.11

#371a0f

hsl(16.5,57.14%,13.73%)

rgb(55,26,15)

1.3215.94

#592414

hsl(13.91,63.3%,21.37%)

rgb(89,36,20)

1.6912.45

#7d2d18

hsl(12.48,67.79%,29.22%)

rgb(125,45,24)

2.269.29

#a2361c

hsl(11.64,70.53%,37.25%)

rgb(162,54,28)

3.086.82

#ca3f1f

hsl(11.23,73.39%,45.69%)

rgb(202,63,31)

4.244.95

#e55631

hsl(12.33,77.59%,54.51%)

rgb(229,86,49)

5.713.68

#ef7855

hsl(13.64,82.8%,63.53%)

rgb(239,120,85)

7.492.80

#f79779

hsl(14.29,88.73%,72.16%)

rgb(247,151,121)

9.662.17

#fdb69e

hsl(15.16,95.96%,80.59%)

rgb(253,182,158)

12.361.70

#ffd4c4

hsl(16.27,100%,88.43%)

rgb(255,212,196)

15.471.36

#fff2ec

hsl(18.95,100%,96.27%)

rgb(255,242,236)

19.161.10

orange

#150d04

hsl(31.76,68%,4.9%)

rgb(21,13,4)

1.0919.24

#2a1b0c

hsl(30,55.56%,10.59%)

rgb(42,27,12)

1.2616.66

#412810

hsl(29.39,60.49%,15.88%)

rgb(65,40,16)

1.5413.67

#5a3612

hsl(30,66.67%,21.18%)

rgb(90,54,18)

1.9710.65

#734414

hsl(30.32,70.37%,26.47%)

rgb(115,68,20)

2.578.18

#9d5b15

hsl(30.88,76.4%,34.9%)

rgb(157,91,21)

3.945.33

#ce7513

hsl(31.44,83.11%,44.12%)

rgb(206,117,19)

6.183.40

#f3902a

hsl(30.45,89.33%,55.88%)

rgb(243,144,42)

8.832.38

#fba95e

hsl(28.66,95.15%,67.65%)

rgb(251,169,94)

10.941.92

#ffc28d

hsl(27.89,100%,77.65%)

rgb(255,194,141)

13.351.57

#ffdbbd

hsl(27.27,100%,87.06%)

rgb(255,219,189)

16.121.30

#fff5ed

hsl(26.67,100%,96.47%)

rgb(255,245,237)

19.541.07

gold

#140e05

hsl(36,60%,4.9%)

rgb(20,14,5)

1.0919.18

#271e0d

hsl(39.23,50%,10.2%)

rgb(39,30,13)

1.2816.43

#3b2d12

hsl(39.51,53.25%,15.1%)

rgb(59,45,18)

1.5713.38

#513d14

hsl(40.33,60.4%,19.8%)

rgb(81,61,20)

2.0310.36

#674e15

hsl(41.71,66.13%,24.31%)

rgb(103,78,21)

2.687.84

#8c6916

hsl(42.2,72.84%,31.76%)

rgb(140,105,22)

4.155.06

#c99612

hsl(43.28,83.56%,42.94%)

rgb(201,150,18)

7.852.67

#efb634

hsl(41.71,85.39%,57.06%)

rgb(239,182,52)

11.411.84

#f6c666

hsl(40,88.89%,68.24%)

rgb(246,198,102)

13.191.59

#fbd593

hsl(38.08,92.86%,78.04%)

rgb(251,213,147)

15.041.40

#fee5be

hsl(36.56,96.97%,87.06%)

rgb(254,229,190)

17.171.22

#fff5e9

hsl(32.73,100%,95.69%)

rgb(255,245,233)

19.491.08

yellow

#111000

hsl(56.47,100%,3.33%)

rgb(17,16,0)

1.1019.13

#23220c

hsl(57.39,48.94%,9.22%)

rgb(35,34,12)

1.3116.08

#363412

hsl(56.67,50%,14.12%)

rgb(54,52,18)

1.6612.68

#4a4716

hsl(56.54,54.17%,18.82%)

rgb(74,71,22)

2.209.53

#5f5b1a

hsl(56.52,57.02%,23.73%)

rgb(95,91,26)

3.007.00

#7a7420

hsl(56,58.44%,30.2%)

rgb(122,116,32)

4.354.83

#ada42d

hsl(55.78,58.72%,42.75%)

rgb(173,164,45)

8.122.58

#e3d73c

hsl(55.69,74.89%,56.27%)

rgb(227,215,60)

14.051.49

#f1e56a

hsl(54.67,82.82%,68.04%)

rgb(241,229,106)

16.161.30

#f7eb95

hsl(52.65,85.96%,77.65%)

rgb(247,235,149)

17.271.22

#fcf2be

hsl(50.32,91.18%,86.67%)

rgb(252,242,190)

18.581.13

#fef9e7

hsl(46.96,92%,95.1%)

rgb(254,249,231)

19.921.05

yellowGreen

#171609

hsl(55.71,43.75%,6.27%)

rgb(23,22,9)

1.1618.18

#262612

hsl(60,35.71%,10.98%)

rgb(38,38,18)

1.3715.35

#373817

hsl(61.82,41.77%,15.49%)

rgb(55,56,23)

1.7412.07

#484a1b

hsl(62.55,46.53%,19.8%)

rgb(72,74,27)

2.279.25

#5a5d1f

hsl(62.9,50%,24.31%)

rgb(90,93,31)

3.026.95

#6d7223

hsl(63.8,53.02%,29.22%)

rgb(109,114,35)

4.085.15

#a1ab2d

hsl(64.76,58.33%,42.35%)

rgb(161,171,45)

8.382.51

#d1de3c

hsl(64.81,71.05%,55.29%)

rgb(209,222,60)

14.221.48

#dbe469

hsl(64.39,69.49%,65.29%)

rgb(219,228,105)

15.311.37

#e4eb90

hsl(64.62,69.47%,74.31%)

rgb(228,235,144)

16.581.27

#ecf2b4

hsl(65.81,70.45%,82.75%)

rgb(236,242,180)

17.931.17

#f3f8d7

hsl(69.09,70.21%,90.78%)

rgb(243,248,215)

19.221.09

green

#091108

hsl(113.33,36%,4.9%)

rgb(9,17,8)

1.1019.17

#132213

hsl(120,28.3%,10.39%)

rgb(19,34,19)

1.2716.59

#18341a

hsl(124.29,36.84%,14.9%)

rgb(24,52,26)

1.5413.59

#1d4721

hsl(125.71,42%,19.61%)

rgb(29,71,33)

1.9810.63

#215b28

hsl(127.24,46.77%,24.31%)

rgb(33,91,40)

2.598.10

#257431

hsl(129.11,51.63%,30%)

rgb(37,116,49)

3.625.80

#28993d

hsl(131.15,58.55%,37.84%)

rgb(40,153,61)

5.713.68

#28c049

hsl(133.03,65.52%,45.49%)

rgb(40,192,73)

8.732.41

#5bd669

hsl(126.83,60%,59.8%)

rgb(91,214,105)

11.271.86

#8ee392

hsl(122.82,60.28%,72.35%)

rgb(142,227,146)

13.551.55

#baeeba

hsl(120,60.47%,83.14%)

rgb(186,238,186)

16.031.31

#e2f9e2

hsl(120,65.71%,93.14%)

rgb(226,249,226)

18.881.11

teal

#08110b

hsl(140,36%,4.9%)

rgb(8,17,11)

1.1019.17

#122318

hsl(141.18,32.08%,10.39%)

rgb(18,35,24)

1.2816.41

#163522

hsl(143.23,41.33%,14.71%)

rgb(22,53,34)

1.5713.41

#1a492d

hsl(144.26,47.47%,19.41%)

rgb(26,73,45)

2.0310.32

#1c5d38

hsl(145.85,53.72%,23.73%)

rgb(28,93,56)

2.677.86

#1d7a4f

hsl(152.26,61.59%,29.61%)

rgb(29,122,79)

3.955.32

#1a9867

hsl(156.67,70.79%,34.9%)

rgb(26,152,103)

5.733.66

#1eb680

hsl(158.68,71.7%,41.57%)

rgb(30,182,128)

8.062.61

#66c79b

hsl(152.78,46.41%,59.02%)

rgb(102,199,155)

10.212.06

#96d8b6

hsl(149.09,45.83%,71.76%)

rgb(150,216,182)

12.791.64

#c2e8d2

hsl(145.26,45.24%,83.53%)

rgb(194,232,210)

15.771.33

#ecf8ef

hsl(135,46.15%,94.9%)

rgb(236,248,239)

19.241.09

cyan

#0c1415

hsl(186.67,27.27%,6.47%)

rgb(12,20,21)

1.1318.64

#142426

hsl(186.67,31.03%,11.37%)

rgb(20,36,38)

1.3116.03

#1a3538

hsl(186,36.59%,16.08%)

rgb(26,53,56)

1.6113.04

#1e464b

hsl(186.67,42.86%,20.59%)

rgb(30,70,75)

2.0310.33

#22585e

hsl(186,46.88%,25.1%)

rgb(34,88,94)

2.638.00

#26757e

hsl(186.14,53.66%,32.16%)

rgb(38,117,126)

3.935.35

#29a9b5

hsl(185.14,63.06%,43.53%)

rgb(41,169,181)

7.442.82

#4ecbd7

hsl(185.26,63.13%,57.45%)

rgb(78,203,215)

10.851.94

#81d7e0

hsl(185.68,60.51%,69.22%)

rgb(129,215,224)

12.731.65

#aae3e9

hsl(185.71,58.88%,79.02%)

rgb(170,227,233)

14.871.41

#cfeff2

hsl(185.14,57.38%,88.04%)

rgb(207,239,242)

17.281.22

#f2fbfb

hsl(180,52.94%,96.67%)

rgb(242,251,251)

19.971.05