Back to Resources
HTML Color Palette
A comprehensive list of common HTML colors with their HEX, RGB, and CMYK codes for your projects.
| Preview | Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Red 100 | #fee2e2 | rgb(254, 226, 226) | cmyk(0, 11, 11, 0) | |
| Red 200 | #fecaca | rgb(254, 202, 202) | cmyk(0, 20, 20, 0) | |
| Red 300 | #fca5a5 | rgb(252, 165, 165) | cmyk(0, 35, 35, 1) | |
| Red 400 | #f87171 | rgb(248, 113, 113) | cmyk(0, 54, 54, 3) | |
| Red 500 | #ef4444 | rgb(239, 68, 68) | cmyk(0, 72, 72, 6) | |
| Red 600 | #dc2626 | rgb(220, 38, 38) | cmyk(0, 83, 83, 14) | |
| Red 700 | #b91c1c | rgb(185, 28, 28) | cmyk(0, 85, 85, 27) | |
| Red 800 | #991b1b | rgb(153, 27, 27) | cmyk(0, 82, 82, 40) | |
| Red 900 | #7f1d1d | rgb(127, 29, 29) | cmyk(0, 77, 77, 50) | |
| Orange 100 | #ffedd5 | rgb(255, 237, 213) | cmyk(0, 7, 16, 0) | |
| Orange 200 | #fed7aa | rgb(254, 215, 170) | cmyk(0, 15, 33, 0) | |
| Orange 300 | #fdba74 | rgb(253, 186, 116) | cmyk(0, 26, 54, 1) | |
| Orange 400 | #fb923c | rgb(251, 146, 60) | cmyk(0, 42, 76, 2) | |
| Orange 500 | #f97316 | rgb(249, 115, 22) | cmyk(0, 54, 91, 2) | |
| Orange 600 | #ea580c | rgb(234, 88, 12) | cmyk(0, 62, 95, 8) | |
| Orange 700 | #c2410c | rgb(194, 65, 12) | cmyk(0, 66, 94, 24) | |
| Orange 800 | #9a3412 | rgb(154, 52, 18) | cmyk(0, 66, 88, 40) | |
| Orange 900 | #7c2d12 | rgb(124, 45, 18) | cmyk(0, 64, 85, 51) | |
| Amber 100 | #fef3c7 | rgb(254, 243, 199) | cmyk(0, 4, 22, 0) | |
| Amber 200 | #fde68a | rgb(253, 230, 138) | cmyk(0, 9, 45, 1) | |
| Amber 300 | #fcd34d | rgb(252, 211, 77) | cmyk(0, 16, 69, 1) | |
| Amber 400 | #fbbf24 | rgb(251, 191, 36) | cmyk(0, 24, 86, 2) | |
| Amber 500 | #f59e0b | rgb(245, 158, 11) | cmyk(0, 36, 96, 4) | |
| Amber 600 | #d97706 | rgb(217, 119, 6) | cmyk(0, 45, 97, 15) | |
| Amber 700 | #b45309 | rgb(180, 83, 9) | cmyk(0, 54, 95, 29) | |
| Amber 800 | #92400e | rgb(146, 64, 14) | cmyk(0, 56, 90, 43) | |
| Amber 900 | #78350f | rgb(120, 53, 15) | cmyk(0, 56, 88, 53) | |
| Yellow 100 | #fef9c3 | rgb(254, 249, 195) | cmyk(0, 2, 23, 0) | |
| Yellow 200 | #fef08a | rgb(254, 240, 138) | cmyk(0, 6, 46, 0) | |
| Yellow 300 | #fde047 | rgb(253, 224, 71) | cmyk(0, 11, 72, 1) | |
| Yellow 400 | #facc15 | rgb(250, 204, 21) | cmyk(0, 18, 92, 2) | |
| Yellow 500 | #eab308 | rgb(234, 179, 8) | cmyk(0, 24, 97, 8) | |
| Yellow 600 | #ca8a04 | rgb(202, 138, 4) | cmyk(0, 32, 98, 21) | |
| Yellow 700 | #a16207 | rgb(161, 98, 7) | cmyk(0, 39, 96, 37) | |
| Yellow 800 | #854d0e | rgb(133, 77, 14) | cmyk(0, 42, 89, 48) | |
| Yellow 900 | #713f12 | rgb(113, 63, 18) | cmyk(0, 44, 84, 56) | |
| Green 100 | #dcfce7 | rgb(220, 252, 231) | cmyk(13, 0, 8, 1) | |
| Green 200 | #bbf7d0 | rgb(187, 247, 208) | cmyk(24, 0, 16, 3) | |
| Green 300 | #86efac | rgb(134, 239, 172) | cmyk(44, 0, 28, 6) | |
| Green 400 | #4ade80 | rgb(74, 222, 128) | cmyk(67, 0, 42, 13) | |
| Green 500 | #22c55e | rgb(34, 197, 94) | cmyk(83, 0, 52, 23) | |
| Green 600 | #16a34a | rgb(22, 163, 74) | cmyk(87, 0, 55, 36) | |
| Green 700 | #15803d | rgb(21, 128, 61) | cmyk(84, 0, 52, 50) | |
| Green 800 | #166534 | rgb(22, 101, 52) | cmyk(78, 0, 49, 60) | |
| Green 900 | #14532d | rgb(20, 83, 45) | cmyk(76, 0, 46, 67) | |
| Blue 100 | #dbeafe | rgb(219, 234, 254) | cmyk(14, 8, 0, 0) | |
| Blue 200 | #bfdbfe | rgb(191, 219, 254) | cmyk(25, 14, 0, 0) | |
| Blue 300 | #93c5fd | rgb(147, 197, 253) | cmyk(42, 22, 0, 1) | |
| Blue 400 | #60a5fa | rgb(96, 165, 250) | cmyk(62, 34, 0, 2) | |
| Blue 500 | #3b82f6 | rgb(59, 130, 246) | cmyk(76, 47, 0, 4) | |
| Blue 600 | #2563eb | rgb(37, 99, 235) | cmyk(84, 58, 0, 8) | |
| Blue 700 | #1d4ed8 | rgb(29, 78, 216) | cmyk(87, 64, 0, 15) | |
| Blue 800 | #1e40af | rgb(30, 64, 175) | cmyk(83, 63, 0, 31) | |
| Blue 900 | #1e3a8a | rgb(30, 58, 138) | cmyk(78, 58, 0, 46) | |
| Purple 100 | #f3e8ff | rgb(243, 232, 255) | cmyk(5, 9, 0, 0) | |
| Purple 200 | #e9d5ff | rgb(233, 213, 255) | cmyk(9, 16, 0, 0) | |
| Purple 300 | #d8b4fe | rgb(216, 180, 254) | cmyk(15, 29, 0, 0) | |
| Purple 400 | #c084fc | rgb(192, 132, 252) | cmyk(24, 48, 0, 1) | |
| Purple 500 | #a855f7 | rgb(168, 85, 247) | cmyk(32, 66, 0, 3) | |
| Purple 600 | #9333ea | rgb(147, 51, 234) | cmyk(37, 78, 0, 8) | |
| Purple 700 | #7e22ce | rgb(126, 34, 206) | cmyk(39, 83, 0, 19) | |
| Purple 800 | #6b21a8 | rgb(107, 33, 168) | cmyk(36, 80, 0, 34) | |
| Purple 900 | #581c87 | rgb(88, 28, 135) | cmyk(35, 79, 0, 47) | |
| Pink 100 | #fce7f3 | rgb(252, 231, 243) | cmyk(0, 8, 4, 1) | |
| Pink 200 | #fbcfe8 | rgb(251, 207, 232) | cmyk(0, 18, 8, 2) | |
| Pink 300 | #f9a8d4 | rgb(249, 168, 212) | cmyk(0, 33, 15, 2) | |
| Pink 400 | #f472b6 | rgb(244, 114, 182) | cmyk(0, 53, 25, 4) | |
| Pink 500 | #ec4899 | rgb(236, 72, 153) | cmyk(0, 69, 35, 7) | |
| Pink 600 | #db2777 | rgb(219, 39, 119) | cmyk(0, 82, 46, 14) | |
| Pink 700 | #be185d | rgb(190, 24, 93) | cmyk(0, 87, 51, 25) | |
| Pink 800 | #9d174d | rgb(157, 23, 77) | cmyk(0, 85, 51, 38) | |
| Pink 900 | #831843 | rgb(131, 24, 67) | cmyk(0, 82, 49, 49) | |
| Gray 100 | #f3f4f6 | rgb(243, 244, 246) | cmyk(1, 1, 0, 4) | |
| Gray 200 | #e5e7eb | rgb(229, 231, 235) | cmyk(3, 2, 0, 8) | |
| Gray 300 | #d1d5db | rgb(209, 213, 219) | cmyk(5, 3, 0, 14) | |
| Gray 400 | #9ca3af | rgb(156, 163, 175) | cmyk(11, 7, 0, 31) | |
| Gray 500 | #6b7280 | rgb(107, 114, 128) | cmyk(16, 11, 0, 50) | |
| Gray 600 | #4b5563 | rgb(75, 85, 99) | cmyk(24, 14, 0, 61) | |
| Gray 700 | #374151 | rgb(55, 65, 81) | cmyk(32, 20, 0, 68) | |
| Gray 800 | #1f2937 | rgb(31, 41, 55) | cmyk(44, 25, 0, 78) | |
| Gray 900 | #111827 | rgb(17, 24, 39) | cmyk(56, 38, 0, 85) | |
| White | #ffffff | rgb(255, 255, 255) | cmyk(0, 0, 0, 0) | |
| Black | #000000 | rgb(0, 0, 0) | cmyk(0, 0, 0, 100) |