More
More
CSS colour names and hex codes
All 148 CSS colour names with hex and RGB codes, grouped by hue and searchable, plus the web-safe, Tailwind and Material palettes, each with its own page.
Whites, greys and blacks (18)
- #ffffffwhitergb(255, 255, 255)
- #fffafasnowrgb(255, 250, 250)
- #f8f8ffghostwhitergb(248, 248, 255)
- #f5fffamintcreamrgb(245, 255, 250)
- #f0f8ffalicebluergb(240, 248, 255)
- #f0ffffazurergb(240, 255, 255)
- #fffaf0floralwhitergb(255, 250, 240)
- #f0fff0honeydewrgb(240, 255, 240)
- #fffff0ivoryrgb(255, 255, 240)
- #fff0f5lavenderblushrgb(255, 240, 245)
- #f5f5f5whitesmokergb(245, 245, 245)
- #dcdcdcgainsbororgb(220, 220, 220)
- #d3d3d3lightgray / lightgreyrgb(211, 211, 211)
- #c0c0c0silverrgb(192, 192, 192)
- #a9a9a9darkgray / darkgreyrgb(169, 169, 169)
- #808080gray / greyrgb(128, 128, 128)
- #696969dimgray / dimgreyrgb(105, 105, 105)
- #000000blackrgb(0, 0, 0)
Reds (14)
- #ffe4e1mistyrosergb(255, 228, 225)
- #ffc0cbpinkrgb(255, 192, 203)
- #ffb6c1lightpinkrgb(255, 182, 193)
- #f08080lightcoralrgb(240, 128, 128)
- #fa8072salmonrgb(250, 128, 114)
- #bc8f8frosybrownrgb(188, 143, 143)
- #ff6347tomatorgb(255, 99, 71)
- #cd5c5cindianredrgb(205, 92, 92)
- #ff0000redrgb(255, 0, 0)
- #dc143ccrimsonrgb(220, 20, 60)
- #b22222firebrickrgb(178, 34, 34)
- #a52a2abrownrgb(165, 42, 42)
- #8b0000darkredrgb(139, 0, 0)
- #800000maroonrgb(128, 0, 0)
Oranges and browns (26)
- #fff5eeseashellrgb(255, 245, 238)
- #fdf5e6oldlacergb(253, 245, 230)
- #faf0e6linenrgb(250, 240, 230)
- #ffefd5papayawhiprgb(255, 239, 213)
- #faebd7antiquewhitergb(250, 235, 215)
- #ffebcdblanchedalmondrgb(255, 235, 205)
- #ffe4c4bisquergb(255, 228, 196)
- #ffdab9peachpuffrgb(255, 218, 185)
- #ffe4b5moccasinrgb(255, 228, 181)
- #ffdeadnavajowhitergb(255, 222, 173)
- #f5deb3wheatrgb(245, 222, 179)
- #ffa07alightsalmonrgb(255, 160, 122)
- #deb887burlywoodrgb(222, 184, 135)
- #e9967adarksalmonrgb(233, 150, 122)
- #d2b48ctanrgb(210, 180, 140)
- #f4a460sandybrownrgb(244, 164, 96)
- #ff7f50coralrgb(255, 127, 80)
- #cd853fperurgb(205, 133, 63)
- #ff8c00darkorangergb(255, 140, 0)
- #ffa500orangergb(255, 165, 0)
- #ff4500orangeredrgb(255, 69, 0)
- #daa520goldenrodrgb(218, 165, 32)
- #d2691echocolatergb(210, 105, 30)
- #a0522dsiennargb(160, 82, 45)
- #b8860bdarkgoldenrodrgb(184, 134, 11)
- #8b4513saddlebrownrgb(139, 69, 19)
Yellows (11)
- #ffffe0lightyellowrgb(255, 255, 224)
- #fff8dccornsilkrgb(255, 248, 220)
- #f5f5dcbeigergb(245, 245, 220)
- #fffacdlemonchiffonrgb(255, 250, 205)
- #fafad2lightgoldenrodyellowrgb(250, 250, 210)
- #eee8aapalegoldenrodrgb(238, 232, 170)
- #f0e68ckhakirgb(240, 230, 140)
- #bdb76bdarkkhakirgb(189, 183, 107)
- #ffd700goldrgb(255, 215, 0)
- #ffff00yellowrgb(255, 255, 0)
- #808000olivergb(128, 128, 0)
Greens (20)
- #98fb98palegreenrgb(152, 251, 152)
- #7fffd4aquamarinergb(127, 255, 212)
- #90ee90lightgreenrgb(144, 238, 144)
- #8fbc8fdarkseagreenrgb(143, 188, 143)
- #66cdaamediumaquamarinergb(102, 205, 170)
- #adff2fgreenyellowrgb(173, 255, 47)
- #7fff00chartreusergb(127, 255, 0)
- #00ff00limergb(0, 255, 0)
- #32cd32limegreenrgb(50, 205, 50)
- #00ff7fspringgreenrgb(0, 255, 127)
- #9acd32yellowgreenrgb(154, 205, 50)
- #7cfc00lawngreenrgb(124, 252, 0)
- #00fa9amediumspringgreenrgb(0, 250, 154)
- #3cb371mediumseagreenrgb(60, 179, 113)
- #2e8b57seagreenrgb(46, 139, 87)
- #6b8e23olivedrabrgb(107, 142, 35)
- #228b22forestgreenrgb(34, 139, 34)
- #556b2fdarkolivegreenrgb(85, 107, 47)
- #008000greenrgb(0, 128, 0)
- #006400darkgreenrgb(0, 100, 0)
Cyans and teals (15)
- #e0fffflightcyanrgb(224, 255, 255)
- #afeeeepaleturquoisergb(175, 238, 238)
- #b0e0e6powderbluergb(176, 224, 230)
- #add8e6lightbluergb(173, 216, 230)
- #87ceebskybluergb(135, 206, 235)
- #40e0d0turquoisergb(64, 224, 208)
- #48d1ccmediumturquoisergb(72, 209, 204)
- #00ffffaqua / cyanrgb(0, 255, 255)
- #5f9ea0cadetbluergb(95, 158, 160)
- #00bfffdeepskybluergb(0, 191, 255)
- #20b2aalightseagreenrgb(32, 178, 170)
- #00ced1darkturquoisergb(0, 206, 209)
- #008b8bdarkcyanrgb(0, 139, 139)
- #008080tealrgb(0, 128, 128)
- #2f4f4fdarkslategray / darkslategreyrgb(47, 79, 79)
Blues (17)
- #e6e6falavenderrgb(230, 230, 250)
- #b0c4delightsteelbluergb(176, 196, 222)
- #87cefalightskybluergb(135, 206, 250)
- #7b68eemediumslatebluergb(123, 104, 238)
- #6495edcornflowerbluergb(100, 149, 237)
- #6a5acdslatebluergb(106, 90, 205)
- #4169e1royalbluergb(65, 105, 225)
- #1e90ffdodgerbluergb(30, 144, 255)
- #778899lightslategray / lightslategreyrgb(119, 136, 153)
- #708090slategray / slategreyrgb(112, 128, 144)
- #0000ffbluergb(0, 0, 255)
- #4682b4steelbluergb(70, 130, 180)
- #0000cdmediumbluergb(0, 0, 205)
- #483d8bdarkslatebluergb(72, 61, 139)
- #00008bdarkbluergb(0, 0, 139)
- #191970midnightbluergb(25, 25, 112)
- #000080navyrgb(0, 0, 128)
Purples and violets (7)
Pinks and magentas (11)
- #d8bfd8thistlergb(216, 191, 216)
- #dda0ddplumrgb(221, 160, 221)
- #ee82eevioletrgb(238, 130, 238)
- #ff69b4hotpinkrgb(255, 105, 180)
- #db7093palevioletredrgb(219, 112, 147)
- #da70d6orchidrgb(218, 112, 214)
- #ff1493deeppinkrgb(255, 20, 147)
- #ff00fffuchsia / magentargb(255, 0, 255)
- #c71585mediumvioletredrgb(199, 21, 133)
- #8b008bdarkmagentargb(139, 0, 139)
- #800080purplergb(128, 0, 128)
No named colour matches. Type a full hex code in the box above to open its page.
Web-safe colours (216)
Every mix of 00, 33, 66, 99, CC and FF for red, green and blue: the palette 8-bit displays could show without dithering. Any modern screen shows far more, but the set is still a handy, evenly spaced grid.
Tailwind CSS default palette (v3)
22 colours in 11 steps from 50 to 950. Tailwind v4 defines the same scale in OKLCH, so its values differ slightly.
Material Design colour palette (2014)
19 colours from 50 to 900, with A100 to A700 accents for the brighter hues.
Colour converter · Palette generator · Contrast checker
Names from CSS Color Module Level 4 (148 keywords, 139 distinct colours, since grey and gray spellings and aqua/cyan, fuchsia/magenta share values). Tailwind CSS v3 default palette, MIT licence. Material Design 2014 palette as published in Material Design Lite, Apache License 2.0.