Tailwind Colors

Tailwind Color System in HSL, HSV, RGB, RGBA, CMYK, HEX

Notice - Note that the values of color codes in different formats are derived with the help of GPT-3.5 and may vary slightly depending on the specific color space conversion algorithm used.

Shades of Tailwind Rose
#fff1f2
#ffe4e6
#fecdd3
#fda4af
#fb7185
#f43f5e
#e11d48
#be123c
#9f1239
#881337
#4c0519
Formats of Tailwind Rose
Hex CodeHSLHSVRGBRGBACMYK
#fff1f2HSL(349, 100, 97)HSV(349, 4, 100)RGB(255, 241, 242)RGBA(255, 241, 242, 1)CMYK(0, 6, 5, 0)
#ffe4e6HSL(349, 100, 94)HSV(349, 6, 100)RGB(255, 228, 230)RGBA(255, 228, 230, 1)CMYK(0, 11, 10, 0)
#fecdd3HSL(351, 91, 93)HSV(351, 25, 99)RGB(254, 205, 211)RGBA(254, 205, 211, 1)CMYK(0, 20, 17, 0)
#fda4afHSL(350, 82, 85)HSV(350, 58, 99)RGB(253, 164, 175)RGBA(253, 164, 175, 1)CMYK(0, 35, 31, 0)
#fb7185HSL(348, 88, 70)HSV(348, 72, 98)RGB(251, 113, 133)RGBA(251, 113, 133, 1)CMYK(0, 55, 47, 2)
#f43f5eHSL(348, 84, 59)HSV(348, 84, 96)RGB(244, 63, 94)RGBA(244, 63, 94, 1)CMYK(0, 74, 61, 4)
#e11d48HSL(346, 80, 51)HSV(346, 88, 88)RGB(225, 29, 72)RGBA(225, 29, 72, 1)CMYK(0, 87, 68, 12)
#be123cHSL(343, 73, 45)HSV(343, 94, 75)RGB(190, 18, 60)RGBA(190, 18, 60, 1)CMYK(0, 91, 68, 25)
#9f1239HSL(343, 80, 38)HSV(343, 94, 62)RGB(159, 18, 57)RGBA(159, 18, 57, 1)CMYK(0, 89, 64, 38)
#881337HSL(343, 80, 33)HSV(343, 94, 53)RGB(136, 19, 55)RGBA(136, 19, 55, 1)CMYK(0, 86, 60, 47)
#4c0519HSL(343, 92, 13)HSV(343, 97, 29)RGB(76, 5, 25)RGBA(76, 5, 25, 1)CMYK(0, 93, 67, 70)
Shades of Tailwind Pink
#fdf2f8
#fce7f3
#fbcfe8
#f9a8d4
#f472b6
#ec4899
#db2777
#be185d
#9d174d
#831843
#500724
Formats of Tailwind Pink
Hex CodeHSLHSVRGBRGBACMYK
#fdf2f8HSL(320, 89, 97)HSV(320, 2, 99)RGB(253, 242, 248)RGBA(253, 242, 248, 1)CMYK(0, 4, 2, 1)
#fce7f3HSL(318, 90, 96)HSV(318, 5, 99)RGB(252, 231, 243)RGBA(252, 231, 243, 1)CMYK(0, 9, 3, 1)
#fbcfe8HSL(315, 84, 92)HSV(315, 11, 98)RGB(251, 207, 232)RGBA(251, 207, 232, 1)CMYK(0, 17, 8, 2)
#f9a8d4HSL(323, 77, 82)HSV(323, 33, 98)RGB(249, 168, 212)RGBA(249, 168, 212, 1)CMYK(0, 33, 15, 2)
#f472b6HSL(326, 69, 64)HSV(326, 56, 96)RGB(244, 114, 182)RGBA(244, 114, 182, 1)CMYK(0, 53, 26, 4)
#ec4899HSL(328, 69, 56)HSV(328, 69, 92)RGB(236, 72, 153)RGBA(236, 72, 153, 1)CMYK(0, 69, 35, 7)
#db2777HSL(330, 69, 50)HSV(330, 81, 86)RGB(219, 39, 119)RGBA(219, 39, 119, 1)CMYK(0, 82, 46, 14)
#be185dHSL(333, 61, 43)HSV(333, 75, 75)RGB(190, 24, 93)RGBA(190, 24, 93, 1)CMYK(0, 87, 51, 25)
#9d174dHSL(333, 70, 37)HSV(333, 81, 61)RGB(157, 23, 77)RGBA(157, 23, 77, 1)CMYK(0, 85, 51, 38)
#831843HSL(335, 67, 28)HSV(335, 82, 51)RGB(131, 24, 67)RGBA(131, 24, 67, 1)CMYK(0, 82, 49, 49)
#500724HSL(339, 65, 15)HSV(339, 75, 31)RGB(80, 7, 36)RGBA(80, 7, 36, 1)CMYK(0, 91, 55, 69)
Shades of Tailwind Fuchsia
#fdf4ff
#fae8ff
#f5d0fe
#f0abfc
#e879f9
#d946ef
#c026d3
#a21caf
#86178f
#701675
#4a044e
Formats of Tailwind Fuchsia
Hex CodeHSLHSVRGBRGBACMYK
#fdf4ffHSL(282, 100, 97)HSV(282, 3, 100)RGB(253, 244, 255)RGBA(253, 244, 255, 1)CMYK(0, 4, 0, 0)
#fae8ffHSL(253, 100, 95)HSV(253, 7, 100)RGB(250, 232, 255)RGBA(250, 232, 255, 1)CMYK(2, 9, 0, 0)
#f5d0feHSL(270, 99, 92)HSV(270, 8, 100)RGB(245, 208, 254)RGBA(245, 208, 254, 1)CMYK(4, 18, 0, 0)
#f0abfcHSL(280, 95, 86)HSV(280, 13, 98)RGB(240, 171, 252)RGBA(240, 171, 252, 1)CMYK(5, 32, 0, 1)
#e879f9HSL(287, 88, 76)HSV(287, 41, 97)RGB(232, 121, 249)RGBA(232, 121, 249, 1)CMYK(7, 51, 0, 2)
#d946efHSL(289, 75, 64)HSV(289, 67, 94)RGB(217, 70, 239)RGBA(217, 70, 239, 1)CMYK(9, 71, 0, 6)
#c026d3HSL(298, 67, 52)HSV(298, 83, 76)RGB(192, 38, 211)RGBA(192, 38, 211, 1)CMYK(9, 82, 0, 17)
#a21cafHSL(308, 56, 41)HSV(308, 82, 67)RGB(162, 28, 175)RGBA(162, 28, 175, 1)CMYK(7, 84, 0, 31)
#86178fHSL(297, 69, 33)HSV(297, 81, 53)RGB(134, 25, 143)RGBA(134, 25, 143, 1)CMYK(6, 83, 0, 44)
#701675HSL(288, 54, 28)HSV(288, 78, 40)RGB(112, 22, 117)RGBA(112, 22, 117, 1)CMYK(4, 81, 0, 54)
#4a044eHSL(305, 87, 16)HSV(305, 92, 29)RGB(74, 4, 78)RGBA(74, 4, 78, 1)CMYK(5, 95, 0, 69)
Shades of Tailwind Purple
#faf5ff
#f3e8ff
#e9d5ff
#d8b4fe
#c084fc
#a855f7
#9333ea
#7e22ce
#6b21a8
#581c87
#3b0764
Formats of Tailwind Purple
Hex CodeHSLHSVRGBRGBACMYK
#faf5ffHSL(256, 100, 97)HSV(256, 3, 100)RGB(250, 245, 255)RGBA(250, 245, 255, 1)CMYK(2, 4, 0, 0)
#f3e8ffHSL(260, 100, 95)HSV(260, 6, 100)RGB(243, 232, 255)RGBA(243, 232, 255, 1)CMYK(5, 9, 0, 0)
#e9d5ffHSL(261, 100, 91)HSV(261, 13, 100)RGB(233, 213, 255)RGBA(233, 213, 255, 1)CMYK(9, 17, 0, 0)
#d8b4feHSL(262, 98, 86)HSV(262, 31, 100)RGB(216, 180, 254)RGBA(216, 180, 254, 1)CMYK(15, 29, 0, 0)
#c084fcHSL(263, 94, 72)HSV(263, 67, 99)RGB(192, 132, 252)RGBA(192, 132, 252, 1)CMYK(24, 48, 0, 1)
#a855f7HSL(263, 83, 63)HSV(263, 78, 97)RGB(168, 85, 247)RGBA(168, 85, 247, 1)CMYK(32, 66, 0, 3)
#9333eaHSL(262, 77, 57)HSV(262, 86, 92)RGB(147, 51, 234)RGBA(147, 51, 234, 1)CMYK(37, 78, 0, 8)
#7e22ceHSL(260, 75, 49)HSV(260, 91, 81)RGB(126, 34, 206)RGBA(126, 34, 206, 1)CMYK(39, 83, 0, 19)
#6b21a8HSL(261, 70, 43)HSV(261, 89, 65)RGB(107, 33, 168)RGBA(107, 33, 168, 1)CMYK(36, 80, 0, 34)
#581c87HSL(262, 64, 35)HSV(262, 89, 53)RGB(88, 28, 135)RGBA(88, 28, 135, 1)CMYK(35, 79, 0, 47)
#3b0764HSL(261, 89, 20)HSV(261, 95, 39)RGB(59, 7, 100)RGBA(59, 7, 100, 1)CMYK(41, 93, 0, 61)
Shades of Tailwind Violet
#f5f3ff
#ede9fe
#ddd6fe
#c4b5fd
#a78bfa
#8b5cf6
#7c3aed
#6d28d9
#5b21b6
#4c1d95
#2e1065
Shades of Tailwind Violet
Hex CodeHSLHSVRGBRGBACMYK
#f5f3ffHSL(250, 100, 98)HSV(250, 3, 100)RGB(245, 243, 255)RGBA(245, 243, 255, 1)CMYK(4, 5, 0, 0)
#ede9feHSL(251, 95, 97)HSV(251, 6, 100)RGB(237, 233, 254)RGBA(237, 233, 254, 1)CMYK(7, 9, 0, 0)
#ddd6feHSL(254, 92, 92)HSV(254, 15, 100)RGB(221, 214, 254)RGBA(221, 214, 254, 1)CMYK(13, 16, 0, 0)
#c4b5fdHSL(256, 85, 86)HSV(256, 30, 99)RGB(196, 181, 253)RGBA(196, 181, 253, 1)CMYK(23, 29, 0, 1)
#a78bfaHSL(257, 77, 74)HSV(257, 45, 98)RGB(167, 139, 250)RGBA(167, 139, 250, 1)CMYK(33, 44, 0, 2)
#7c3aedHSL(261, 67, 58)HSV(261, 72, 91)RGB(124, 58, 237)RGBA(124, 58, 237, 1)CMYK(48, 76, 0, 7)
#8b5cf6HSL(262, 67, 66)HSV(262, 75, 96)RGB(139, 92, 246)RGBA(139, 92, 246, 1)CMYK(43, 63, 0, 4)
#6d28d9HSL(261, 75, 59)HSV(261, 88, 85)RGB(109, 40, 217)RGBA(109, 40, 217, 1)CMYK(50, 82, 0, 15)
#5b21b6HSL(260, 72, 52)HSV(260, 89, 71)RGB(91, 33, 182)RGBA(91, 33, 182, 1)CMYK(50, 82, 0, 29)
#4c1d95HSL(260, 70, 44)HSV(260, 89, 58)RGB(76, 29, 149)RGBA(76, 29, 149, 1)CMYK(49, 81, 0, 42)
#2e1065HSL(257, 70, 32)HSV(257, 88, 39)RGB(46, 16, 101)RGBA(46, 16, 101, 1)CMYK(54, 84, 0, 60)
Shades of Tailwind Indigo
#eef2ff
#e0e7ff
#c7d2fe
#a5b4fc
#818cf8
#6366f1
#4f46e5
#4338ca
#3730a3
#312e81
#1e1b4b
Shades of Tailwind Indigo
Hex CodeHSLHSVRGBRGBACMYK
#eef2ffHSL(234, 100, 97)HSV(234, 4, 100)RGB(238, 242, 255)RGBA(238, 242, 255, 1)CMYK(6, 5, 0, 0)
#e0e7ffHSL(223, 100, 95)HSV(223, 25, 100)RGB(224, 231, 255)RGBA(224, 231, 255, 1)CMYK(12, 10, 0, 0)
#c7d2feHSL(222, 82, 90)HSV(222, 26, 100)RGB(199, 210, 254)RGBA(199, 210, 254, 1)CMYK(22, 18, 0, 0)
#a5b4fcHSL(225, 85, 79)HSV(225, 42, 99)RGB(165, 180, 252)RGBA(165, 180, 252, 1)CMYK(35, 29, 0, 1)
#818cf8HSL(234, 85, 76)HSV(234, 68, 97)RGB(129, 140, 248)RGBA(129, 140, 248, 1)CMYK(48, 43, 0, 3)
#6366f1HSL(237, 79, 65)HSV(237, 74, 97)RGB(99, 102, 241)RGBA(99, 102, 241, 1)CMYK(59, 58, 0, 5)
#4f46e5HSL(246, 73, 60)HSV(246, 80, 89)RGB(79, 70, 229)RGBA(79, 70, 229, 1)CMYK(66, 69, 0, 10)
#4338caHSL(246, 64, 53)HSV(246, 82, 79)RGB(67, 56, 202)RGBA(67, 56, 202, 1)CMYK(67, 72, 0, 21)
#3730a3HSL(236, 54, 46)HSV(236, 86, 64)RGB(55, 48, 163)RGBA(55, 48, 163, 1)CMYK(66, 71, 0, 36)
#312e81HSL(237, 47, 35)HSV(237, 64, 51)RGB(49, 46, 129)RGBA(49, 46, 129, 1)CMYK(62, 64, 0, 49)
#1e1b4bHSL(235, 47, 16)HSV(235, 62, 29)RGB(30, 27, 75)RGBA(30, 27, 75, 1)CMYK(60, 64, 0, 71)
Shades of Tailwind Blue
#eff6ff
#dbeafe
#bfdbfe
#93c5fd
#60a5fa
#3b82f6
#2563eb
#1d4ed8
#1e40af
#1e3a8a
#172554
Formats of Tailwind Blue
Hex CodeHSLHSVRGBRGBACMYK
#eff6ffHSL(210, 100, 97)HSV(210, 7, 100)RGB(239, 246, 255)RGBA(239, 246, 255, 1)CMYK(6, 4, 0, 0)
#dbeafeHSL(237, 82, 89)HSV(237, 35, 99)RGB(219, 234, 254)RGBA(219, 234, 254, 1)CMYK(14, 8, 0, 0)
#bfdbfeHSL(204, 85, 87)HSV(204, 41, 99)RGB(191, 219, 254)RGBA(191, 219, 254, 1)CMYK(25, 14, 0, 0)
#93c5fdHSL(213, 98, 75)HSV(213, 63, 99)RGB(147, 197, 253)RGBA(147, 197, 253, 1)CMYK(42, 22, 0, 1)
#60a5faHSL(212, 92, 67)HSV(212, 76, 98)RGB(96, 165, 250)RGBA(96, 165, 250, 1)CMYK(62, 34, 0, 2)
#3b82f6HSL(212, 87, 57)HSV(212, 85, 96)RGB(59, 130, 246)RGBA(59, 130, 246, 1)CMYK(76, 47, 0, 4)
#2563ebHSL(216, 87, 51)HSV(216, 90, 92)RGB(37, 99, 235)RGBA(37, 99, 235, 1)CMYK(84, 58, 0, 8)
#1d4ed8HSL(219, 81, 46)HSV(219, 92, 85)RGB(29, 78, 216)RGBA(29, 78, 216, 1)CMYK(87, 64, 0, 15)
#1e40afHSL(220, 72, 45)HSV(220, 87, 69)RGB(30, 64, 175)RGBA(30, 64, 175, 1)CMYK(83, 63, 0, 31)
#1e3a8aHSL(219, 67, 43)HSV(219, 79, 54)RGB(30, 58, 138)RGBA(30, 58, 138, 1)CMYK(78, 58, 0, 46)
#172554HSL(229, 77, 28)HSV(229, 74, 33)RGB(23, 37, 84)RGBA(23, 37, 84, 1)CMYK(73, 56, 0, 67)
Shades of Tailwind Sky
#f0f9ff
#e0f2fe
#bae6fd
#7dd3fc
#38bdf8
#0ea5e9
#0284c7
#0369a1
#075985
#0c4a6e
#082f49
Formats of Tailwind Sky
Hex CodeHSLHSVRGBRGBACMYK
#f0f9ffHSL(204, 100%, 97%)HSV(204, 3%, 100%)RGB(240, 249, 255)RGBA(240, 249, 255, 1)CMYK(6, 2, 0, 0)
#e0f2feHSL(210, 100%, 94%)HSV(210, 25%, 100%)RGB(224, 242, 254)RGBA(224, 242, 254, 1)CMYK(12, 5, 0, 0)
#bae6fdHSL(204, 94%, 85%)HSV(204, 29%, 99%)RGB(186, 230, 253)RGBA(186, 230, 253, 1)CMYK(27, 9, 0, 1)
#7dd3fcHSL(204, 96%, 71%)HSV(204, 50%, 99%)RGB(125, 211, 252)RGBA(125, 211, 252, 1)CMYK(50, 16, 0, 1)
#38bdf8HSL(204, 91%, 62%)HSV(204, 85%, 97%)RGB(56, 189, 248)RGBA(56, 189, 248, 1)CMYK(77, 24, 0, 3)
#0ea5e9HSL(198, 90%, 47%)HSV(198, 93%, 91%)RGB(14, 165, 233)RGBA(14, 165, 233, 1)CMYK(94, 29, 0, 9)
#0284c7HSL(199, 97%, 39%)HSV(199, 99%, 78%)RGB(2, 132, 199)RGBA(2, 132, 199, 1)CMYK(99, 34, 0, 22)
#0369a1HSL(198, 96%, 33%)HSV(198, 98%, 63%)RGB(3, 105, 161)RGBA(3, 105, 161, 1)CMYK(98, 35, 0, 37)
#075985HSL(199, 92%, 27%)HSV(199, 95%, 35%)RGB(7, 89, 133)RGBA(7, 89, 133, 1)CMYK(95, 33, 0, 48)
#0c4a6eHSL(198, 84%, 25%)HSV(198, 87%, 42%)RGB(12, 74, 110)RGBA(12, 74, 110, 1)CMYK(89, 33, 0, 57)
#082f49HSL(198, 69%, 16%)HSV(198, 80%, 28%)RGB(8, 47, 73)RGBA(8, 47, 73, 1)CMYK(89, 36, 0, 71)
Shades of Tailwind Cyan
#ecfeff
#cffafe
#a5f3fc
#67e8f9
#22d3ee
#06b6d4
#0891b2
#0e7490
#155e75
#164e63
#083344
Formats of Tailwind Cyan
Hex CodeHSLHSVRGBRGBACMYK
#ecfeffHSL(180, 100%, 97%)HSV(180, 1%, 100%)RGB(236, 254, 255)RGBA(236, 254, 255, 1)CMYK(7%, 0%, 0%, 0%)
#cffafeHSL(192, 97%, 93%)HSV(192, 9%, 98%)RGB(207, 250, 254)RGBA(207, 250, 254, 1)CMYK(19%, 2%, 0%, 0%)
#a5f3fcHSL(187, 97%, 84%)HSV(187, 42%, 99%)RGB(165, 243, 252)RGBA(165, 243, 252, 1)CMYK(35%, 3%, 0%, 1%)
#67e8f9HSL(189, 92%, 68%)HSV(189, 72%, 97%)RGB(103, 232, 249)RGBA(103, 232, 249, 1)CMYK(59%, 7%, 0%, 2%)
#22d3eeHSL(191, 87%, 56%)HSV(191, 92%, 93%)RGB(34, 211, 238)RGBA(34, 211, 238, 1)CMYK(86%, 11%, 0%, 7%)
#06b6d4HSL(191, 94%, 43%)HSV(191, 97%, 83%)RGB(6, 182, 212)RGBA(6, 182, 212, 1)CMYK(97%, 14%, 0%, 17%)
#0891b2HSL(191, 87%, 37%)HSV(191, 94%, 69%)RGB(8, 145, 178)RGBA(8, 145, 178, 1)CMYK(96%, 19%, 0%, 30%)
#0e7490HSL(195, 85%, 35%)HSV(195, 91%, 45%)RGB(14, 116, 144)RGBA(14, 116, 144, 1)CMYK(90%, 19%, 0%, 44%)
#155e75HSL(196, 67%, 32%)HSV(196, 81%, 34%)RGB(21, 94, 117)RGBA(21, 94, 117, 1)CMYK(89%, 20%, 0%, 54%)
#164e63HSL(195, 62%, 28%)HSV(195, 73%, 39%)RGB(22, 78, 99)RGBA(22, 78, 99, 1)CMYK(78%, 21%, 0%, 61%)
#083344HSL(199, 75%, 17%)HSV(199, 76%, 20%)RGB(8, 51, 68)RGBA(8, 51, 68, 1)CMYK(88%, 25%, 0%, 73%)
Shades of Tailwind Teal
#f0fdfa
#ccfbf1
#99f6e4
#5eead4
#2dd4bf
#14b8a6
#0d9488
#0f766e
#115e59
#134e4a
#042f2e
Formats of Tailwind Teal
Hex CodeHSLHSVRGBRGBACMYK
#f0fdfaHSL(180, 100%, 97%)HSV(180, 3%, 99%)RGB(240, 253, 250)RGBA(240, 253, 250, 1)CMYK(5%, 0%, 1%, 1%)
#ccfbf1HSL(173, 78%, 92%)HSV(173, 21%, 98%)RGB(204, 251, 241)RGBA(204, 251, 241, 1)CMYK(19%, 0%, 4%, 2%)
#99f6e4HSL(175, 83%, 80%)HSV(175, 37%, 96%)RGB(153, 246, 228)RGBA(153, 246, 228, 1)CMYK(38%, 0%, 7%, 4%)
#5eead4HSL(172, 76%, 67%)HSV(172, 51%, 92%)RGB(94, 234, 212)RGBA(94, 234, 212, 1)CMYK(60%, 0%, 9%, 8%)
#2dd4bfHSL(173, 69%, 47%)HSV(173, 76%, 83%)RGB(45, 212, 191)RGBA(45, 212, 191, 1)CMYK(79%, 0%, 10%, 17%)
#14b8a6HSL(174, 80%, 37%)HSV(174, 89%, 72%)RGB(20, 184, 166)RGBA(20, 184, 166, 1)CMYK(89%, 0%, 10%, 28%)
#0d9488HSL(174, 82%, 32%)HSV(174, 88%, 58%)RGB(13, 148, 136)RGBA(13, 148, 136, 1)CMYK(91%, 0%, 8%, 42%)
#0f766eHSL(173, 80%, 28%)HSV(173, 82%, 47%)RGB(15, 118, 110)RGBA(15, 118, 110, 1)CMYK(87%, 0%, 7%, 54%)
#115e59HSL(174, 69%, 25%)HSV(174, 77%, 34%)RGB(17, 94, 89)RGBA(17, 94, 89, 1)CMYK(82%, 0%, 7%, 63%)
#134e4aHSL(174, 59%, 22%)HSV(174, 74%, 29%)RGB(19, 78, 74)RGBA(19, 78, 74, 1)CMYK(76%, 0%, 5%, 69%)
#042f2eHSL(176, 85%, 12%)HSV(176, 88%, 18%)RGB(4, 47, 46)RGBA(4, 47, 46, 1)CMYK(91%, 0%, 2%, 82%)
Shades of Tailwind Emerald
#ecfdf5
#d1fae5
#a7f3d0
#6ee7b7
#34d399
#10b981
#059669
#047857
#065f46
#064e3b
#022c22
Formats of Tailwind Emerald
Hex CodeHSLHSVRGBRGBACMYK
#ecfdf5HSL(150, 78%, 97%)HSV(150, 6%, 99%)RGB(236, 253, 245)RGBA(236, 253, 245, 1)CMYK(7%, 0%, 3%, 1%)
#d1fae5HSL(149, 81%, 90%)HSV(149, 26%, 98%)RGB(209, 250, 229)RGBA(209, 250, 229, 1)CMYK(16%, 0%, 8%, 2%)
#a7f3d0HSL(157, 76%, 80%)HSV(157, 35%, 95%)RGB(167, 243, 208)RGBA(167, 243, 208, 1)CMYK(31%, 0%, 14%, 5%)
#6ee7b7HSL(162, 67%, 63%)HSV(162, 50%, 90%)RGB(110, 231, 183)RGBA(110, 231, 183, 1)CMYK(52%, 0%, 21%, 9%)
#34d399HSL(157, 60%, 49%)HSV(157, 78%, 83%)RGB(52, 211, 153)RGBA(52, 211, 153, 1)CMYK(75%, 0%, 27%, 17%)
#10b981HSL(162, 80%, 36%)HSV(162, 90%, 72%)RGB(16, 185, 129)RGBA(16, 185, 129, 1)CMYK(91%, 0%, 30%, 27%)
#059669HSL(165, 91%, 29%)HSV(165, 94%, 59%)RGB(5, 150, 105)RGBA(5, 150, 105, 1)CMYK(97%, 0%, 30%, 41%)
#047857HSL(168, 91%, 27%)HSV(168, 94%, 47%)RGB(4, 120, 87)RGBA(4, 120, 87, 1)CMYK(97%, 0%, 27%, 53%)
#065f46HSL(168, 88%, 24%)HSV(168, 93%, 36%)RGB(6, 95, 70)RGBA(6, 95, 70, 1)CMYK(94%, 0%, 26%, 63%)
#064e3bHSL(168, 87%, 20%)HSV(168, 92%, 24%)RGB(6, 78, 59)RGBA(6, 78, 59, 1)CMYK(92%, 0%, 24%, 69%)
#022c22HSL(160, 90%, 11%)HSV(160, 94%, 14%)RGB(2, 44, 34)RGBA(2, 44, 34, 1)CMYK(95%, 0%, 23%, 83%)
Shades of Tailwind Green
#f0fdf4
#dcfce7
#bbf7d0
#86efac
#4ade80
#22c55e
#16a34a
#15803d
#166534
#14532d
#052e16
Formats of Tailwind Green
Hex CodeHSLHSVRGBRGBACMYK
#f0fdf4HSL(137, 100%, 97%)HSV(137, 3%, 99%)RGB(240, 253, 244)RGBA(240, 253, 244, 1)CMYK(5%, 0%, 3%, 1%)
#dcfce7HSL(135, 58%, 93%)HSV(135, 11%, 99%)RGB(220, 252, 231)RGBA(220, 252, 231, 1)CMYK(13%, 0%, 8%, 1%)
#bbf7d0HSL(144, 74%, 82%)HSV(144, 25%, 97%)RGB(187, 247, 208)RGBA(187, 247, 208, 1)CMYK(24%, 0%, 16%, 3%)
#86efacHSL(141, 68%, 69%)HSV(141, 50%, 94%)RGB(134, 239, 172)RGBA(134, 239, 172, 1)CMYK(44%, 0%, 28%, 6%)
#4ade80HSL(138, 64%, 57%)HSV(138, 78%, 87%)RGB(74, 222, 128)RGBA(74, 222, 128, 1)CMYK(67%, 0%, 42%, 13%)
#22c55eHSL(142, 71%, 46%)HSV(142, 87%, 77%)RGB(34, 197, 94)RGBA(34, 197, 94, 1)CMYK(83%, 0%, 52%, 23%)
#16a34aHSL(145, 75%, 37%)HSV(145, 85%, 64%)RGB(22, 163, 74)RGBA(22, 163, 74, 1)CMYK(87%, 0%, 55%, 36%)
#15803dHSL(145, 74%, 32%)HSV(145, 81%, 50%)RGB(21, 128, 61)RGBA(21, 128, 61, 1)CMYK(84%, 0%, 52%, 50%)
#166534HSL(146, 70%, 29%)HSV(146, 77%, 40%)RGB(22, 101, 52)RGBA(22, 101, 52, 1)CMYK(78%, 0%, 49%, 60%)
#14532dHSL(146, 58%, 25%)HSV(146, 77%, 33%)RGB(20, 83, 45)RGBA(20, 83, 45, 1)CMYK(76%, 0%, 46%, 67%)
#052e16HSL(140, 67%, 10%)HSV(140, 89%, 18%)RGB(5, 46, 22)RGBA(5, 46, 22, 1)CMYK(89%, 0%, 52%, 82%)
Shades of Tailwind Lime
#f7fee7
#ecfccb
#d9f99d
#bee664
#a3e635
#84cc16
#65a30d
#4d7c0f
#3f6212
#365314
#1a2e05
Formats of Tailwind Lime
Hex CodeHSLHSVRGBRGBACMYK
#f7fee7HSL(76, 94%, 95%)HSV(76, 4%, 97%)RGB(247, 254, 231)RGBA(247, 254, 231, 1)CMYK(3%, 0%, 9%, 0%)
#ecfccbHSL(74, 85%, 89%)HSV(74, 18%, 99%)RGB(236, 252, 203)RGBA(236, 252, 203, 1)CMYK(6%, 0%, 19%, 1%)
#d9f99dHSL(79, 92%, 77%)HSV(79, 35%, 98%)RGB(217, 249, 157)RGBA(217, 249, 157, 1)CMYK(13%, 0%, 37%, 2%)
#bee664HSL(76, 70%, 66%)HSV(76, 56%, 90%)RGB(190, 230, 100)RGBA(190, 230, 100, 1)CMYK(17%, 0%, 56%, 10%)
#a3e635HSL(75, 73%, 59%)HSV(75, 78%, 90%)RGB(163, 230, 53)RGBA(163, 230, 53, 1)CMYK(29%, 0%, 77%, 10%)
#84cc16HSL(76, 82%, 44%)HSV(76, 93%, 80%)RGB(132, 204, 22)RGBA(132, 204, 22, 1)CMYK(35%, 0%, 89%, 20%)
#65a30dHSL(77, 78%, 34%)HSV(77, 92%, 64%)RGB(101, 163, 13)RGBA(101, 163, 13, 1)CMYK(38%, 0%, 92%, 36%)
#4d7c0fHSL(77, 73%, 27%)HSV(77, 84%, 49%)RGB(77, 124, 15)RGBA(77, 124, 15, 1)CMYK(38%, 0%, 88%, 51%)
#3f6212HSL(79, 70%, 24%)HSV(79, 81%, 38%)RGB(63, 98, 18)RGBA(63, 98, 18, 1)CMYK(36%, 0%, 82%, 62%)
#365314HSL(79, 58%, 19%)HSV(79, 73%, 33%)RGB(54, 83, 20)RGBA(54, 83, 20, 1)CMYK(35%, 0%, 76%, 67%)
#1a2e05HSL(87, 93%, 11%)HSV(87, 93%, 18%)RGB(26, 46, 5)RGBA(26, 46, 5, 1)CMYK(43%, 0%, 89%, 82%)
Shades of Tailwind Yelow
#fefce8
#fef9c3
#fef08a
#fde047
#facc15
#eab308
#ca8a04
#a16207
#854d0e
#713f12
#421e06
Formats of Tailwind Yellow
Hex CodeHSLHSVRGBRGBACMYK
#fefce8HSL(55, 94%, 96%)HSV(55, 6%, 100%)RGB(254, 252, 232)RGBA(254, 252, 232, 1)CMYK(0%, 1%, 9%, 0%)
#fef9c3HSL(57, 93%, 91%)HSV(57, 15%, 100%)RGB(254, 249, 195)RGBA(254, 249, 195, 1)CMYK(0%, 2%, 23%, 0%)
#fef08aHSL(57, 96%, 79%)HSV(57, 36%, 100%)RGB(254, 240, 138)RGBA(254, 240, 138, 1)CMYK(0%, 6%, 46%, 0%)
#fde047HSL(56, 94%, 63%)HSV(56, 81%, 99%)RGB(253, 224, 71)RGBA(253, 224, 71, 1)CMYK(0%, 11%, 72%, 1%)
#facc15HSL(48, 92%, 50%)HSV(48, 92%, 98%)RGB(250, 204, 21)RGBA(250, 204, 21, 1)CMYK(0%, 18%, 92%, 2%)
#eab308HSL(42, 93%, 42%)HSV(42, 95%, 91%)RGB(234, 179, 8)RGBA(234, 179, 8, 1)CMYK(0%, 23%, 97%, 8%)
#ca8a04HSL(37, 94%, 33%)HSV(37, 97%, 79%)RGB(202, 138, 4)RGBA(202, 138, 4, 1)CMYK(0%, 32%, 98%, 21%)
#a16207HSL(34, 86%, 28%)HSV(34, 97%, 63%)RGB(161, 98, 7)RGBA(161, 98, 7, 1)CMYK(0%, 39%, 96%, 37%)
#854d0eHSL(30, 82%, 24%)HSV(30, 94%, 52%)RGB(133, 77, 14)RGBA(133, 77, 14, 1)CMYK(0%, 42%, 89%, 48%)
#713f12HSL(29, 70%, 20%)HSV(29, 82%, 44%)RGB(113, 63, 18)RGBA(113, 63, 18, 1)CMYK(0%, 44%, 84%, 56%)
#421e06HSL(26, 85%, 13%)HSV(26, 94%, 26%)RGB(66, 30, 6)RGBA(66, 30, 6, 1)CMYK(0%, 55%, 91%, 74%)
Shades of Tailwind Amber
#fffbeb
#fef3c7
#fde68a
#fcd34d
#fbbf24
#f59e0b
#d97706
#b45309
#92400e
#78350f
#451a03
Formats of Tailwind Amber
Hex CodeHSLHSVRGBRGBACMYK
#fffbebHSL(60, 100%, 97%)HSV(60, 3%, 100%)RGB(255, 251, 235)RGBA(255, 251, 235, 1)CMYK(0%, 2%, 8%, 0%)
#fef3c7HSL(55, 91%, 89%)HSV(55, 16%, 100%)RGB(254, 243, 199)RGBA(254, 243, 199, 1)CMYK(0%, 4%, 22%, 0%)
#fde68aHSL(54, 93%, 76%)HSV(54, 42%, 99%)RGB(253, 230, 138)RGBA(253, 230, 138, 1)CMYK(0%, 9%, 45%, 1%)
#fcd34dHSL(48, 97%, 63%)HSV(48, 83%, 99%)RGB(252, 211, 77)RGBA(252, 211, 77, 1)CMYK(0%, 16%, 69%, 1%)
#fbbf24HSL(43, 95%, 54%)HSV(43, 91%, 98%)RGB(251, 191, 36)RGBA(251, 191, 36, 1)CMYK(0%, 24%, 86%, 2%)
#f59e0bHSL(36, 95%, 46%)HSV(36, 96%, 96%)RGB(245, 158, 11)RGBA(245, 158, 11, 1)CMYK(0%, 35%, 96%, 4%)
#d97706HSL(27, 94%, 41%)HSV(27, 97%, 85%)RGB(217, 119, 6)RGBA(217, 119, 6, 1)CMYK(0%, 45%, 97%, 15%)
#b45309HSL(26, 87%, 34%)HSV(26, 93%, 71%)RGB(180, 83, 9)RGBA(180, 83, 9, 1)CMYK(0%, 54%, 95%, 29%)
#92400eHSL(23, 83%, 28%)HSV(23, 94%, 57%)RGB(146, 64, 14)RGBA(146, 64, 14, 1)CMYK(0%, 56%, 90%, 43%)
#78350fHSL(27, 73%, 24%)HSV(27, 82%, 47%)RGB(120, 53, 15)RGBA(120, 53, 15, 1)CMYK(0%, 56%, 88%, 53%)
#451a03HSL(30, 92%, 12%)HSV(30, 97%, 27%)RGB(69, 26, 3)RGBA(69, 26, 3, 1)CMYK(0%, 62%, 96%, 73%)
Shades of Tailwind Orange
#fff7ed
#ffedd5
#fed7aa
#fdba74
#fb923c
#f97316
#ea580c
#c2410c
#9a3412
#7c2d12
#431407
Formats of Tailwind Orange
Hex CodeHSLHSVRGBRGBACMYK
#fff7edHSL(30, 100%, 96%)HSV(30, 7%, 100%)RGB(255, 247, 237)RGBA(255, 247, 237, 1)CMYK(0%, 3%, 7%, 0%)
#ffedd5HSL(30, 100%, 90%)HSV(30, 19%, 100%)RGB(255, 237, 213)RGBA(255, 237, 213, 1)CMYK(0%, 7%, 17%, 0%)
#fed7aaHSL(30, 89%, 80%)HSV(30, 41%, 99%)RGB(254, 215, 170)RGBA(254, 215, 170, 1)CMYK(0%, 15%, 33%, 0%)
#fdba74HSL(26, 91%, 71%)HSV(26, 57%, 99%)RGB(253, 186, 116)RGBA(253, 186, 116, 1)CMYK(0%, 26%, 54%, 1%)
#fb923cHSL(20, 96%, 58%)HSV(20, 84%, 98%)RGB(251, 146, 60)RGBA(251, 146, 60, 1)CMYK(0%, 42%, 76%, 2%)
#f97316HSL(18, 90%, 52%)HSV(18, 94%, 98%)RGB(249, 115, 22)RGBA(249, 115, 22, 1)CMYK(0%, 54%, 91%, 2%)
#ea580cHSL(19, 88%, 46%)HSV(19, 96%, 92%)RGB(234, 88, 12)RGBA(234, 88, 12, 1)CMYK(0%, 62%, 95%, 8%)
#c2410cHSL(12, 85%, 38%)HSV(12, 91%, 76%)RGB(194, 65, 12)RGBA(194, 65, 12, 1)CMYK(0%, 66%, 94%, 24%)
#9a3412HSL(13, 82%, 34%)HSV(13, 93%, 60%)RGB(154, 52, 18)RGBA(154, 52, 18, 1)CMYK(0%, 66%, 88%, 40%)
#7c2d12HSL(14, 72%, 28%)HSV(14, 82%, 49%)RGB(124, 45, 18)RGBA(124, 45, 18, 1)CMYK(0%, 64%, 86%, 51%)
#431407HSL(9, 88%, 15%)HSV(9, 93%, 26%)RGB(67, 20, 7)RGBA(67, 20, 7, 1)CMYK(0%, 70%, 90%, 74%)
Shades of Tailwind Red
#fef2f2
#fee2e2
#fecaca
#fca5a5
#f87171
#ef4444
#dc2626
#b91919
#991b1b
#7f1d1d
#450a0a
Formats of Tailwind Red
Hex CodeHSLHSVRGBRGBACMYK
#fef2f2HSL(0, 95%, 97%)HSV(0, 3%, 99%)RGB(254, 242, 242)RGBA(254, 242, 242, 1)CMYK(0%, 5%, 5%, 0%)
#fee2e2HSL(0, 92%, 94%)HSV(0, 9%, 99%)RGB(254, 226, 226)RGBA(254, 226, 226, 1)CMYK(0%, 11%, 11%, 0%)
#fecacaHSL(0, 92%, 88%)HSV(0, 19%, 99%)RGB(254, 202, 202)RGBA(254, 202, 202, 1)CMYK(0%, 20%, 20%, 0%)
#fca5a5HSL(0, 80%, 76%)HSV(0, 38%, 99%)RGB(252, 165, 165)RGBA(252, 165, 165, 1)CMYK(0%, 34%, 34%, 1%)
#f87171HSL(0, 77%, 66%)HSV(0, 55%, 97%)RGB(248, 113, 113)RGBA(248, 113, 113, 1)CMYK(0%, 54%, 54%, 3%)
#ef4444HSL(0, 84%, 58%)HSV(0, 81%, 94%)RGB(239, 68, 68)RGBA(239, 68, 68, 1)CMYK(0%, 72%, 72%, 6%)
#dc2626HSL(0, 76%, 48%)HSV(0, 84%, 86%)RGB(220, 38, 38)RGBA(220, 38, 38, 1)CMYK(0%, 83%, 83%, 14%)
#b91919HSL(0, 76%, 38%)HSV(0, 91%, 73%)RGB(185, 25, 25)RGBA(185, 25, 25, 1)CMYK(0%, 86%, 86%, 27%)
#991b1bHSL(0, 72%, 32%)HSV(0, 90%, 60%)RGB(153, 27, 27)RGBA(153, 27, 27, 1)CMYK(0%, 82%, 82%, 40%)
#7f1d1dHSL(0, 67%, 27%)HSV(0, 86%, 49%)RGB(127, 29, 29)RGBA(127, 29, 29, 1)CMYK(0%, 77%, 77%, 50%)
#450a0aHSL(0, 96%, 13%)HSV(0, 98%, 27%)RGB(69, 10, 10)RGBA(69, 10, 10, 1)CMYK(0%, 85%, 85%, 73%)
Shades of Tailwind Stone
#fafaf9
#f5f5f4
#e7e5e4
#d6d3d1
#a8a29e
#78716c
#57534e
#44403c
#292524
#1c1917
#0c0a09
Formats of Tailwind Stone
Hex CodeHSLHSVRGBRGBACMYK
#fafaf9HSL(60, 11%, 98%)HSV(60, 1%, 98%)RGB(250, 250, 249)RGBA(250, 250, 249, 1)CMYK(0%, 0%, 0%, 2%)
#f5f5f4HSL(60, 5%, 96%)HSV(60, 3%, 96%)RGB(245, 245, 244)RGBA(245, 245, 244, 1)CMYK(0%, 0%, 0%, 4%)
#e7e5e4HSL(30, 8%, 90%)HSV(30, 7%, 91%)RGB(231, 229, 228)RGBA(231, 229, 228, 1)CMYK(0%, 1%, 1%, 9%)
#d6d3d1HSL(30, 8%, 82%)HSV(30, 3%, 84%)RGB(214, 211, 209)RGBA(214, 211, 209, 1)CMYK(0%, 1%, 2%, 16%)
#a8a29eHSL(30, 6%, 64%)HSV(30, 7%, 65%)RGB(168, 162, 158)RGBA(168, 162, 158, 1)CMYK(0%, 4%, 6%, 34%)
#78716cHSL(30, 5%, 46%)HSV(30, 10%, 47%)RGB(120, 113, 108)RGBA(120, 113, 108, 1)CMYK(0%, 6%, 10%, 53%)
#57534eHSL(30, 5%, 35%)HSV(30, 12%, 34%)RGB(87, 83, 78)RGBA(87, 83, 78, 1)CMYK(0%, 5%, 10%, 66%)
#44403cHSL(30, 4%, 26%)HSV(30, 12%, 27%)RGB(68, 64, 60)RGBA(68, 64, 60, 1)CMYK(0%, 6%, 12%, 73%)
#292524HSL(30, 6%, 16%)HSV(30, 17%, 16%)RGB(41, 37, 36)RGBA(41, 37, 36, 1)CMYK(0%, 10%, 12%, 84%)
#1c1917HSL(30, 7%, 10%)HSV(30, 15%, 11%)RGB(28, 25, 23)RGBA(28, 25, 23, 1)CMYK(0%, 11%, 18%, 89%)
#0c0a09HSL(30, 7%, 4%)HSV(30, 10%, 5%)RGB(12, 10, 9)RGBA(12, 10, 9, 1)CMYK(0%, 17%, 25%, 95%)
Shades of Tailwind Neutral
#fafafa
#f5f5f5
#e5e5e5
#d4d4d4
#a3a3a3
#737373
#525252
#404040
#262626
#171717
#0a0a0a
Formats of Tailwind Neutral
Hex CodeHSLHSVRGBRGBACMYK
#fafafaHSL(0, 0%, 98%)HSV(0, 0%, 98%)RGB(250, 250, 250)RGBA(250, 250, 250, 1)CMYK(0%, 0%, 0%, 2%)
#f5f5f5HSL(0, 0%, 96%)HSV(0, 0%, 96%)RGB(245, 245, 245)RGBA(245, 245, 245, 1)CMYK(0%, 0%, 0%, 4%)
#e5e5e5HSL(0, 0%, 90%)HSV(0, 0%, 90%)RGB(229, 229, 229)RGBA(229, 229, 229, 1)CMYK(0%, 0%, 0%, 10%)
#d4d4d4HSL(0, 0%, 83%)HSV(0, 0%, 83%)RGB(212, 212, 212)RGBA(212, 212, 212, 1)CMYK(0%, 0%, 0%, 17%)
#a3a3a3HSL(0, 0%, 64%)HSV(0, 0%, 64%)RGB(163, 163, 163)RGBA(163, 163, 163, 1)CMYK(0%, 0%, 0%, 36%)
#737373HSL(0, 0%, 45%)HSV(0, 0%, 45%)RGB(115, 115, 115)RGBA(115, 115, 115, 1)CMYK(0%, 0%, 0%, 55%)
#525252HSL(0, 0%, 32%)HSV(0, 0%, 32%)RGB(82, 82, 82)RGBA(82, 82, 82, 1)CMYK(0%, 0%, 0%, 68%)
#404040HSL(0, 0%, 25%)HSV(0, 0%, 25%)RGB(64, 64, 64)RGBA(64, 64, 64, 1)CMYK(0%, 0%, 0%, 75%)
#262626HSL(0, 0%, 15%)HSV(0, 0%, 15%)RGB(38, 38, 38)RGBA(38, 38, 38, 1)CMYK(0%, 0%, 0%, 85%)
#171717HSL(0, 0%, 9%)HSV(0, 0%, 9%)RGB(23, 23, 23)RGBA(23, 23, 23, 1)CMYK(0%, 0%, 0%, 91%)
#0a0a0aHSL(0, 0%, 4%)HSV(0, 0%, 4%)RGB(10, 10, 10)RGBA(10, 10, 10, 1)CMYK(0%, 0%, 0%, 96%)
Shades of Tailwind Zinc
#fafafa
#f4f4f5
#e4e4e7
#d4d4d8
#a1a1aa
#71717a
#52525b
#3f3f46
#27272a
#18181b
#09090b
Formats of Tailwind Zinc
Hex CodeHSLHSVRGBRGBACMYK
#fafafaHSL(0, 0%, 98%)HSV(0, 0%, 98%)RGB(250, 250, 250)RGBA(250, 250, 250, 1)CMYK(0%, 0%, 0%, 2%)
#f4f4f5HSL(240, 3%, 96%)HSV(240, 2%, 96%)RGB(244, 244, 245)RGBA(244, 244, 245, 1)CMYK(0%, 0%, 0%, 4%)
#e4e4e7HSL(240, 5%, 91%)HSV(240, 3%, 91%)RGB(228, 228, 231)RGBA(228, 228, 231, 1)CMYK(1%, 1%, 0%, 10%)
#d4d4d8HSL(240, 4%, 85%)HSV(240, 3%, 85%)RGB(212, 212, 216)RGBA(212, 212, 216, 1)CMYK(2%, 2%, 0%, 15%)
#a1a1aaHSL(240, 6%, 65%)HSV(240, 7%, 67%)RGB(161, 161, 170)RGBA(161, 161, 170, 1)CMYK(5%, 5%, 0%, 33%)
#71717aHSL(240, 5%, 45%)HSV(240, 7%, 47%)RGB(113, 113, 122)RGBA(113, 113, 122, 1)CMYK(7%, 7%, 0%, 52%)
#52525bHSL(240, 5%, 35%)HSV(240, 13%, 36%)RGB(82, 82, 91)RGBA(82, 82, 91, 1)CMYK(10%, 10%, 0%, 64%)
#3f3f46HSL(240, 5%, 27%)HSV(240, 13%, 28%)RGB(63, 63, 70)RGBA(63, 63, 70, 1)CMYK(10%, 10%, 0%, 73%)
#27272aHSL(240, 4%, 16%)HSV(240, 8%, 17%)RGB(39, 39, 42)RGBA(39, 39, 42, 1)CMYK(7%, 7%, 0%, 83%)
#18181bHSL(240, 4%, 10%)HSV(240, 5%, 11%)RGB(24, 24, 27)RGBA(24, 24, 27, 1)CMYK(11%, 11%, 0%, 89%)
#09090bHSL(240, 4%, 4%)HSV(240, 11%, 5%)RGB(9, 9, 11)RGBA(9, 9, 11, 1)CMYK(18%, 18%, 0%, 96%)
Shades of Tailwind Gray
#f9fafb
#f3f4f6
#e5e7eb
#d1d5db
#9ca3af
#6b7280
#4b5563
#374151
#1f2937
#111827
#030712
Formats of Tailwind Gray
Hex CodeHSLHSVRGBRGBACMYK
#f9fafbHSL(210, 36%, 97%)HSV(210, 2%, 98%)RGB(249, 250, 251)RGBA(249, 250, 251, 1)CMYK(1%, 0%, 0%, 2%)
#f3f4f6HSL(210, 25%, 96%)HSV(210, 2%, 96%)RGB(243, 244, 246)RGBA(243, 244, 246, 1)CMYK(1%, 1%, 0%, 4%)
#e5e7ebHSL(210, 23%, 91%)HSV(210, 6%, 92%)RGB(229, 231, 235)RGBA(229, 231, 235, 1)CMYK(2%, 2%, 0%, 8%)
#d1d5dbHSL(210, 20%, 84%)HSV(210, 15%, 86%)RGB(209, 213, 219)RGBA(209, 213, 219, 1)CMYK(4%, 3%, 0%, 14%)
#9ca3afHSL(210, 12%, 64%)HSV(210, 10%, 69%)RGB(156, 163, 175)RGBA(156, 163, 175, 1)CMYK(11%, 7%, 0%, 31%)
#6b7280HSL(210, 14%, 44%)HSV(210, 12%, 50%)RGB(107, 114, 128)RGBA(107, 114, 128, 1)CMYK(16%, 11%, 0%, 50%)
#4b5563HSL(210, 18%, 36%)HSV(210, 23%, 39%)RGB(75, 85, 99)RGBA(75, 85, 99, 1)CMYK(24%, 14%, 0%, 61%)
#374151HSL(210, 21%, 28%)HSV(210, 26%, 32%)RGB(55, 65, 81)RGBA(55, 65, 81, 1)CMYK(32%, 20%, 0%, 68%)
#1f2937HSL(210, 28%, 18%)HSV(210, 38%, 22%)RGB(31, 41, 55)RGBA(31, 41, 55, 1)CMYK(44%, 25%, 0%, 78%)
#111827HSL(210, 30%, 9%)HSV(210, 45%, 16%)RGB(17, 24, 39)RGBA(17, 24, 39, 1)CMYK(56%, 38%, 0%, 85%)
#030712HSL(210, 60%, 1%)HSV(210, 92%, 4%)RGB(3, 7, 18)RGBA(3, 7, 18, 1)CMYK(83%, 61%, 0%, 93%)
Shades of Tailwind Slate
#f8fafc
#f1f5f9
#e2e8f0
#cbd5e1
#94a3b8
#64748b
#475569
#334155
#1e293b
#0f172a
#020617
Formats of Tailwind Slate
Hex CodeHSLHSVRGBRGBACMYK
#f8fafcHSL(210, 45%, 97%)HSV(210, 2%, 99%)RGB(248, 250, 252)RGBA(248, 250, 252, 1)CMYK(1%, 1%, 0%, 1%)
#f1f5f9HSL(210, 42%, 96%)HSV(210, 3%, 98%)RGB(241, 245, 249)RGBA(241, 245, 249, 1)CMYK(3%, 1%, 0%, 2%)
#e2e8f0HSL(210, 41%, 90%)HSV(210, 18%, 94%)RGB(226, 232, 240)RGBA(226, 232, 240, 1)CMYK(6%, 4%, 0%, 6%)
#cbd5e1HSL(210, 34%, 80%)HSV(210, 16%, 88%)RGB(203, 213, 225)RGBA(203, 213, 225, 1)CMYK(10%, 5%, 0%, 12%)
#94a3b8HSL(210, 29%, 64%)HSV(210, 18%, 72%)RGB(148, 163, 184)RGBA(148, 163, 184, 1)CMYK(19%, 11%, 0%, 28%)
#64748bHSL(210, 24%, 45%)HSV(210, 30%, 54%)RGB(100, 116, 139)RGBA(100, 116, 139, 1)CMYK(28%, 17%, 0%, 45%)
#475569HSL(210, 28%, 36%)HSV(210, 41%, 41%)RGB(71, 85, 105)RGBA(71, 85, 105, 1)CMYK(32%, 19%, 0%, 59%)
#334155HSL(210, 32%, 30%)HSV(210, 50%, 33%)RGB(51, 65, 85)RGBA(51, 65, 85, 1)CMYK(40%, 24%, 0%, 67%)
#1e293bHSL(210, 38%, 20%)HSV(210, 56%, 23%)RGB(30, 41, 59)RGBA(30, 41, 59, 1)CMYK(49%, 30%, 0%, 77%)
#0f172aHSL(210, 45%, 15%)HSV(210, 56%, 16%)RGB(15, 23, 42)RGBA(15, 23, 42, 1)CMYK(64%, 45%, 0%, 83%)
#020617HSL(210, 66%, 3%)HSV(210, 88%, 4%)RGB(2, 6, 23)RGBA(2, 6, 23, 1)CMYK(91%, 74%, 0%, 91%)