CSS Color Names, Tailwind & Material Colors
Browse 688 colors with HEX and RGB values — CSS named colors, Material Design and Tailwind CSS palettes
Popular Colors
Palette
Browse by Category
All CSS Named Colors (148)
aliceblue
#F0F8FF
antiquewhite
#FAEBD7
aqua
#00FFFF
aquamarine
#7FFFD4
azure
#F0FFFF
beige
#F5F5DC
bisque
#FFE4C4
black
#000000
blanchedalmond
#FFEBCD
blue
#0000FF
blueviolet
#8A2BE2
brown
#A52A2A
burlywood
#DEB887
cadetblue
#5F9EA0
chartreuse
#7FFF00
chocolate
#D2691E
coral
#FF7F50
cornflowerblue
#6495ED
cornsilk
#FFF8DC
crimson
#DC143C
cyan
#00FFFF
darkblue
#00008B
darkcyan
#008B8B
darkgoldenrod
#B8860B
darkgray
#A9A9A9
darkgreen
#006400
darkgrey
#A9A9A9
darkkhaki
#BDB76B
darkmagenta
#8B008B
darkolivegreen
#556B2F
darkorange
#FF8C00
darkorchid
#9932CC
darkred
#8B0000
darksalmon
#E9967A
darkseagreen
#8FBC8F
darkslateblue
#483D8B
darkslategray
#2F4F4F
darkslategrey
#2F4F4F
darkturquoise
#00CED1
darkviolet
#9400D3
deeppink
#FF1493
deepskyblue
#00BFFF
dimgray
#696969
dimgrey
#696969
dodgerblue
#1E90FF
firebrick
#B22222
floralwhite
#FFFAF0
forestgreen
#228B22
fuchsia
#FF00FF
gainsboro
#DCDCDC
ghostwhite
#F8F8FF
gold
#FFD700
goldenrod
#DAA520
gray
#808080
green
#008000
greenyellow
#ADFF2F
grey
#808080
honeydew
#F0FFF0
hotpink
#FF69B4
indianred
#CD5C5C
indigo
#4B0082
ivory
#FFFFF0
khaki
#F0E68C
lavender
#E6E6FA
lavenderblush
#FFF0F5
lawngreen
#7CFC00
lemonchiffon
#FFFACD
lightblue
#ADD8E6
lightcoral
#F08080
lightcyan
#E0FFFF
lightgoldenrodyellow
#FAFAD2
lightgray
#D3D3D3
lightgreen
#90EE90
lightgrey
#D3D3D3
lightpink
#FFB6C1
lightsalmon
#FFA07A
lightseagreen
#20B2AA
lightskyblue
#87CEFA
lightslategray
#778899
lightslategrey
#778899
lightsteelblue
#B0C4DE
lightyellow
#FFFFE0
lime
#00FF00
limegreen
#32CD32
linen
#FAF0E6
magenta
#FF00FF
maroon
#800000
mediumaquamarine
#66CDAA
mediumblue
#0000CD
mediumorchid
#BA55D3
mediumpurple
#9370DB
mediumseagreen
#3CB371
mediumslateblue
#7B68EE
mediumspringgreen
#00FA9A
mediumturquoise
#48D1CC
mediumvioletred
#C71585
midnightblue
#191970
mintcream
#F5FFFA
mistyrose
#FFE4E1
moccasin
#FFE4B5
navajowhite
#FFDEAD
navy
#000080
oldlace
#FDF5E6
olive
#808000
olivedrab
#6B8E23
orange
#FFA500
orangered
#FF4500
orchid
#DA70D6
palegoldenrod
#EEE8AA
palegreen
#98FB98
paleturquoise
#AFEEEE
palevioletred
#DB7093
papayawhip
#FFEFD5
peachpuff
#FFDAB9
peru
#CD853F
pink
#FFC0CB
plum
#DDA0DD
powderblue
#B0E0E6
purple
#800080
rebeccapurple
#663399
red
#FF0000
rosybrown
#BC8F8F
royalblue
#4169E1
saddlebrown
#8B4513
salmon
#FA8072
sandybrown
#F4A460
seagreen
#2E8B57
seashell
#FFF5EE
sienna
#A0522D
silver
#C0C0C0
skyblue
#87CEEB
slateblue
#6A5ACD
slategray
#708090
slategrey
#708090
snow
#FFFAFA
springgreen
#00FF7F
steelblue
#4682B4
tan
#D2B48C
teal
#008080
thistle
#D8BFD8
tomato
#FF6347
turquoise
#40E0D0
violet
#EE82EE
wheat
#F5DEB3
white
#FFFFFF
whitesmoke
#F5F5F5
yellow
#FFFF00
yellowgreen
#9ACD32
All Material Design Colors (254)
Red 50
#FFEBEE
Red 100
#FFCDD2
Red 200
#EF9A9A
Red 300
#E57373
Red 400
#EF5350
Red 500
#F44336
Red 600
#E53935
Red 700
#D32F2F
Red 800
#C62828
Red 900
#B71C1C
Red A100
#FF8A80
Red A200
#FF5252
Red A400
#FF1744
Red A700
#D50000
Pink 50
#FCE4EC
Pink 100
#F8BBD0
Pink 200
#F48FB1
Pink 300
#F06292
Pink 400
#EC407A
Pink 500
#E91E63
Pink 600
#D81B60
Pink 700
#C2185B
Pink 800
#AD1457
Pink 900
#880E4F
Pink A100
#FF80AB
Pink A200
#FF4081
Pink A400
#F50057
Pink A700
#C51162
Purple 50
#F3E5F5
Purple 100
#E1BEE7
Purple 200
#CE93D8
Purple 300
#BA68C8
Purple 400
#AB47BC
Purple 500
#9C27B0
Purple 600
#8E24AA
Purple 700
#7B1FA2
Purple 800
#6A1B9A
Purple 900
#4A148C
Purple A100
#EA80FC
Purple A200
#E040FB
Purple A400
#D500F9
Purple A700
#AA00FF
Deep Purple 50
#EDE7F6
Deep Purple 100
#D1C4E9
Deep Purple 200
#B39DDB
Deep Purple 300
#9575CD
Deep Purple 400
#7E57C2
Deep Purple 500
#673AB7
Deep Purple 600
#5E35B1
Deep Purple 700
#512DA8
Deep Purple 800
#4527A0
Deep Purple 900
#311B92
Deep Purple A100
#B388FF
Deep Purple A200
#7C4DFF
Deep Purple A400
#651FFF
Deep Purple A700
#6200EA
Indigo 50
#E8EAF6
Indigo 100
#C5CAE9
Indigo 200
#9FA8DA
Indigo 300
#7986CB
Indigo 400
#5C6BC0
Indigo 500
#3F51B5
Indigo 600
#3949AB
Indigo 700
#303F9F
Indigo 800
#283593
Indigo 900
#1A237E
Indigo A100
#8C9EFF
Indigo A200
#536DFE
Indigo A400
#3D5AFE
Indigo A700
#304FFE
Blue 50
#E3F2FD
Blue 100
#BBDEFB
Blue 200
#90CAF9
Blue 300
#64B5F6
Blue 400
#42A5F5
Blue 500
#2196F3
Blue 600
#1E88E5
Blue 700
#1976D2
Blue 800
#1565C0
Blue 900
#0D47A1
Blue A100
#82B1FF
Blue A200
#448AFF
Blue A400
#2979FF
Blue A700
#2962FF
Light Blue 50
#E1F5FE
Light Blue 100
#B3E5FC
Light Blue 200
#81D4FA
Light Blue 300
#4FC3F7
Light Blue 400
#29B6F6
Light Blue 500
#03A9F4
Light Blue 600
#039BE5
Light Blue 700
#0288D1
Light Blue 800
#0277BD
Light Blue 900
#01579B
Light Blue A100
#80D8FF
Light Blue A200
#40C4FF
Light Blue A400
#00B0FF
Light Blue A700
#0091EA
Cyan 50
#E0F7FA
Cyan 100
#B2EBF2
Cyan 200
#80DEEA
Cyan 300
#4DD0E1
Cyan 400
#26C6DA
Cyan 500
#00BCD4
Cyan 600
#00ACC1
Cyan 700
#0097A7
Cyan 800
#00838F
Cyan 900
#006064
Cyan A100
#84FFFF
Cyan A200
#18FFFF
Cyan A400
#00E5FF
Cyan A700
#00B8D4
Teal 50
#E0F2F1
Teal 100
#B2DFDB
Teal 200
#80CBC4
Teal 300
#4DB6AC
Teal 400
#26A69A
Teal 500
#009688
Teal 600
#00897B
Teal 700
#00796B
Teal 800
#00695C
Teal 900
#004D40
Teal A100
#A7FFEB
Teal A200
#64FFDA
Teal A400
#1DE9B6
Teal A700
#00BFA5
Green 50
#E8F5E9
Green 100
#C8E6C9
Green 200
#A5D6A7
Green 300
#81C784
Green 400
#66BB6A
Green 500
#4CAF50
Green 600
#43A047
Green 700
#388E3C
Green 800
#2E7D32
Green 900
#1B5E20
Green A100
#B9F6CA
Green A200
#69F0AE
Green A400
#00E676
Green A700
#00C853
Light Green 50
#F1F8E9
Light Green 100
#DCEDC8
Light Green 200
#C5E1A5
Light Green 300
#AED581
Light Green 400
#9CCC65
Light Green 500
#8BC34A
Light Green 600
#7CB342
Light Green 700
#689F38
Light Green 800
#558B2F
Light Green 900
#33691E
Light Green A100
#CCFF90
Light Green A200
#B2FF59
Light Green A400
#76FF03
Light Green A700
#64DD17
Lime 50
#F9FBE7
Lime 100
#F0F4C3
Lime 200
#E6EE9C
Lime 300
#DCE775
Lime 400
#D4E157
Lime 500
#CDDC39
Lime 600
#C0CA33
Lime 700
#AFB42B
Lime 800
#9E9D24
Lime 900
#827717
Lime A100
#F4FF81
Lime A200
#EEFF41
Lime A400
#C6FF00
Lime A700
#AEEA00
Yellow 50
#FFFDE7
Yellow 100
#FFF9C4
Yellow 200
#FFF59D
Yellow 300
#FFF176
Yellow 400
#FFEE58
Yellow 500
#FFEB3B
Yellow 600
#FDD835
Yellow 700
#FBC02D
Yellow 800
#F9A825
Yellow 900
#F57F17
Yellow A100
#FFFF8D
Yellow A200
#FFFF00
Yellow A400
#FFEA00
Yellow A700
#FFD600
Amber 50
#FFF8E1
Amber 100
#FFECB3
Amber 200
#FFE082
Amber 300
#FFD54F
Amber 400
#FFCA28
Amber 500
#FFC107
Amber 600
#FFB300
Amber 700
#FFA000
Amber 800
#FF8F00
Amber 900
#FF6F00
Amber A100
#FFE57F
Amber A200
#FFD740
Amber A400
#FFC400
Amber A700
#FFAB00
Orange 50
#FFF3E0
Orange 100
#FFE0B2
Orange 200
#FFCC80
Orange 300
#FFB74D
Orange 400
#FFA726
Orange 500
#FF9800
Orange 600
#FB8C00
Orange 700
#F57C00
Orange 800
#EF6C00
Orange 900
#E65100
Orange A100
#FFD180
Orange A200
#FFAB40
Orange A400
#FF9100
Orange A700
#FF6D00
Deep Orange 50
#FBE9E7
Deep Orange 100
#FFCCBC
Deep Orange 200
#FFAB91
Deep Orange 300
#FF8A65
Deep Orange 400
#FF7043
Deep Orange 500
#FF5722
Deep Orange 600
#F4511E
Deep Orange 700
#E64A19
Deep Orange 800
#D84315
Deep Orange 900
#BF360C
Deep Orange A100
#FF9E80
Deep Orange A200
#FF6E40
Deep Orange A400
#FF3D00
Deep Orange A700
#DD2C00
Brown 50
#EFEBE9
Brown 100
#D7CCC8
Brown 200
#BCAAA4
Brown 300
#A1887F
Brown 400
#8D6E63
Brown 500
#795548
Brown 600
#6D4C41
Brown 700
#5D4037
Brown 800
#4E342E
Brown 900
#3E2723
Grey 50
#FAFAFA
Grey 100
#F5F5F5
Grey 200
#EEEEEE
Grey 300
#E0E0E0
Grey 400
#BDBDBD
Grey 500
#9E9E9E
Grey 600
#757575
Grey 700
#616161
Grey 800
#424242
Grey 900
#212121
Blue Grey 50
#ECEFF1
Blue Grey 100
#CFD8DC
Blue Grey 200
#B0BEC5
Blue Grey 300
#90A4AE
Blue Grey 400
#78909C
Blue Grey 500
#607D8B
Blue Grey 600
#546E7A
Blue Grey 700
#455A64
Blue Grey 800
#37474F
Blue Grey 900
#263238
All Tailwind CSS v4 Colors (286)
Tailwind CSS v4 defines its colors in OKLCH. 95 of the 286 lie outside sRGB, so an ordinary screen cannot show them exactly: their HEX, marked ≈, is the nearest sRGB color, not a Tailwind value. Have a color of your own? Find the closest Tailwind class.
Red 50
#FEF2F2
oklch(97.1% 0.013 17.38)
Red 100
#FFE2E2
oklch(93.6% 0.032 17.717)
Red 200
≈ #FFC9C9
oklch(88.5% 0.062 18.334)
Red 300
≈ #FFA2A2
oklch(80.8% 0.114 19.571)
Red 400
≈ #FF6467
oklch(70.4% 0.191 22.216)
Red 500
#FB2C36
oklch(63.7% 0.237 25.331)
Red 600
≈ #E7000B
oklch(57.7% 0.245 27.325)
Red 700
≈ #C10007
oklch(50.5% 0.213 27.518)
Red 800
#9F0712
oklch(44.4% 0.177 26.899)
Red 900
#82181A
oklch(39.6% 0.141 25.723)
Red 950
#460809
oklch(25.8% 0.092 26.042)
Orange 50
≈ #FFF7ED
oklch(98% 0.016 73.684)
Orange 100
≈ #FFEDD4
oklch(95.4% 0.038 75.164)
Orange 200
≈ #FFD6A8
oklch(90.1% 0.076 70.697)
Orange 300
≈ #FFB86A
oklch(83.7% 0.128 66.29)
Orange 400
≈ #FF8904
oklch(75% 0.183 55.934)
Orange 500
≈ #FF6900
oklch(70.5% 0.213 47.604)
Orange 600
≈ #F54A00
oklch(64.6% 0.222 41.116)
Orange 700
≈ #CA3500
oklch(55.3% 0.195 38.402)
Orange 800
≈ #9F2D00
oklch(47% 0.157 37.304)
Orange 900
#7E2A0C
oklch(40.8% 0.123 38.172)
Orange 950
#441306
oklch(26.6% 0.079 36.259)
Amber 50
≈ #FFFBEB
oklch(98.7% 0.022 95.277)
Amber 100
#FEF3C6
oklch(96.2% 0.059 95.617)
Amber 200
#FEE685
oklch(92.4% 0.12 95.746)
Amber 300
≈ #FFD230
oklch(87.9% 0.169 91.605)
Amber 400
≈ #FFBA00
oklch(82.8% 0.189 84.429)
Amber 500
≈ #FD9A00
oklch(76.9% 0.188 70.08)
Amber 600
≈ #E17100
oklch(66.6% 0.179 58.318)
Amber 700
≈ #BB4D00
oklch(55.5% 0.163 48.998)
Amber 800
≈ #973C00
oklch(47.3% 0.137 46.201)
Amber 900
#7B3306
oklch(41.4% 0.112 45.904)
Amber 950
#461901
oklch(27.9% 0.077 45.635)
Yellow 50
#FEFCE8
oklch(98.7% 0.026 102.212)
Yellow 100
#FEF9C2
oklch(97.3% 0.071 103.193)
Yellow 200
#FFF085
oklch(94.5% 0.129 101.54)
Yellow 300
≈ #FFDF20
oklch(90.5% 0.182 98.111)
Yellow 400
≈ #FCC800
oklch(85.2% 0.199 91.936)
Yellow 500
≈ #EFB100
oklch(79.5% 0.184 86.047)
Yellow 600
≈ #D08700
oklch(68.1% 0.162 75.834)
Yellow 700
≈ #A65F00
oklch(55.4% 0.135 66.442)
Yellow 800
≈ #894B00
oklch(47.6% 0.114 61.907)
Yellow 900
#733E0A
oklch(42.1% 0.095 57.708)
Yellow 950
#432004
oklch(28.6% 0.066 53.813)
Lime 50
#F7FEE7
oklch(98.6% 0.031 120.757)
Lime 100
#ECFCCA
oklch(96.7% 0.067 122.328)
Lime 200
#D8F999
oklch(93.8% 0.127 124.321)
Lime 300
#BBF451
oklch(89.7% 0.196 126.665)
Lime 400
≈ #9AE600
oklch(84.1% 0.238 128.85)
Lime 500
≈ #7CCF00
oklch(76.8% 0.233 130.85)
Lime 600
≈ #5EA500
oklch(64.8% 0.2 131.684)
Lime 700
≈ #497D00
oklch(53.2% 0.157 131.589)
Lime 800
≈ #3D6300
oklch(45.3% 0.124 130.933)
Lime 900
#35530E
oklch(40.5% 0.101 131.063)
Lime 950
#192E03
oklch(27.4% 0.072 132.109)
Green 50
#F0FDF4
oklch(98.2% 0.018 155.826)
Green 100
#DCFCE7
oklch(96.2% 0.044 156.743)
Green 200
#B9F8CF
oklch(92.5% 0.084 155.995)
Green 300
#7BF1A8
oklch(87.1% 0.15 154.449)
Green 400
#05DF72
oklch(79.2% 0.209 151.711)
Green 500
≈ #00C951
oklch(72.3% 0.219 149.579)
Green 600
≈ #00A63E
oklch(62.7% 0.194 149.214)
Green 700
≈ #008236
oklch(52.7% 0.154 150.069)
Green 800
#016630
oklch(44.8% 0.119 151.328)
Green 900
#0D542B
oklch(39.3% 0.095 152.535)
Green 950
#032E15
oklch(26.6% 0.065 152.934)
Emerald 50
#ECFDF5
oklch(97.9% 0.021 166.113)
Emerald 100
#D0FAE5
oklch(95% 0.052 163.051)
Emerald 200
#A4F4CF
oklch(90.5% 0.093 164.15)
Emerald 300
#5EE9B5
oklch(84.5% 0.143 164.978)
Emerald 400
≈ #00D492
oklch(76.5% 0.177 163.223)
Emerald 500
≈ #00BC7D
oklch(69.6% 0.17 162.48)
Emerald 600
≈ #009966
oklch(59.6% 0.145 163.225)
Emerald 700
≈ #007A55
oklch(50.8% 0.118 165.612)
Emerald 800
≈ #006045
oklch(43.2% 0.095 166.913)
Emerald 900
≈ #004F3B
oklch(37.8% 0.077 168.94)
Emerald 950
≈ #002C22
oklch(26.2% 0.051 172.552)
Teal 50
#F0FDFA
oklch(98.4% 0.014 180.72)
Teal 100
#CBFBF1
oklch(95.3% 0.051 180.801)
Teal 200
#96F7E4
oklch(91% 0.096 180.426)
Teal 300
#46ECD5
oklch(85.5% 0.138 181.071)
Teal 400
≈ #00D5BE
oklch(77.7% 0.152 181.912)
Teal 500
≈ #00BBA7
oklch(70.4% 0.14 182.503)
Teal 600
≈ #009689
oklch(60% 0.118 184.704)
Teal 700
≈ #00786F
oklch(51.1% 0.096 186.391)
Teal 800
≈ #005F5A
oklch(43.7% 0.078 188.216)
Teal 900
#0B4F4A
oklch(38.6% 0.063 188.416)
Teal 950
#022F2E
oklch(27.7% 0.046 192.524)
Cyan 50
#ECFEFF
oklch(98.4% 0.019 200.873)
Cyan 100
#CEFAFE
oklch(95.6% 0.045 203.388)
Cyan 200
#A2F4FD
oklch(91.7% 0.08 205.041)
Cyan 300
#53EAFD
oklch(86.5% 0.127 207.078)
Cyan 400
≈ #00D3F2
oklch(78.9% 0.154 211.53)
Cyan 500
≈ #00B8DB
oklch(71.5% 0.143 215.221)
Cyan 600
≈ #0092B8
oklch(60.9% 0.126 221.723)
Cyan 700
≈ #007595
oklch(52% 0.105 223.128)
Cyan 800
≈ #005F78
oklch(45% 0.085 224.283)
Cyan 900
#104E64
oklch(39.8% 0.07 227.392)
Cyan 950
#053345
oklch(30.2% 0.056 229.695)
Sky 50
≈ #F0F9FF
oklch(97.7% 0.013 236.62)
Sky 100
#DFF2FE
oklch(95.1% 0.026 236.824)
Sky 200
#B8E6FE
oklch(90.1% 0.058 230.902)
Sky 300
≈ #74D4FF
oklch(82.8% 0.111 230.318)
Sky 400
≈ #00BCFF
oklch(74.6% 0.16 232.661)
Sky 500
≈ #00A6F4
oklch(68.5% 0.169 237.323)
Sky 600
≈ #0084D1
oklch(58.8% 0.158 241.966)
Sky 700
≈ #0069A8
oklch(50% 0.134 242.749)
Sky 800
≈ #00598A
oklch(44.3% 0.11 240.79)
Sky 900
#024A70
oklch(39.1% 0.09 240.876)
Sky 950
#052F4A
oklch(29.3% 0.066 243.157)
Blue 50
#EFF6FF
oklch(97% 0.014 254.604)
Blue 100
#DBEAFE
oklch(93.2% 0.032 255.585)
Blue 200
≈ #BEDBFF
oklch(88.2% 0.059 254.128)
Blue 300
≈ #8EC5FF
oklch(80.9% 0.105 251.813)
Blue 400
≈ #51A2FF
oklch(70.7% 0.165 254.624)
Blue 500
≈ #2B7FFF
oklch(62.3% 0.214 259.815)
Blue 600
#155DFC
oklch(54.6% 0.245 262.881)
Blue 700
#1447E6
oklch(48.8% 0.243 264.376)
Blue 800
#193CB8
oklch(42.4% 0.199 265.638)
Blue 900
#1C398E
oklch(37.9% 0.146 265.522)
Blue 950
#162456
oklch(28.2% 0.091 267.935)
Indigo 50
≈ #EEF2FF
oklch(96.2% 0.018 272.314)
Indigo 100
≈ #E0E7FF
oklch(93% 0.034 272.788)
Indigo 200
≈ #C6D2FF
oklch(87% 0.065 274.039)
Indigo 300
≈ #A3B3FF
oklch(78.5% 0.115 274.713)
Indigo 400
≈ #7C86FF
oklch(67.3% 0.182 276.935)
Indigo 500
≈ #615FFF
oklch(58.5% 0.233 277.117)
Indigo 600
#4F39F6
oklch(51.1% 0.262 276.966)
Indigo 700
#432DD7
oklch(45.7% 0.24 277.023)
Indigo 800
#372AAC
oklch(39.8% 0.195 277.366)
Indigo 900
#312C85
oklch(35.9% 0.144 278.697)
Indigo 950
#1E1A4D
oklch(25.7% 0.09 281.288)
Violet 50
#F5F3FF
oklch(96.9% 0.016 293.756)
Violet 100
#EDE9FE
oklch(94.3% 0.029 294.588)
Violet 200
≈ #DDD6FF
oklch(89.4% 0.057 293.283)
Violet 300
≈ #C4B4FF
oklch(81.1% 0.111 293.571)
Violet 400
≈ #A684FF
oklch(70.2% 0.183 293.541)
Violet 500
≈ #8E51FF
oklch(60.6% 0.25 292.717)
Violet 600
#7F22FE
oklch(54.1% 0.281 293.009)
Violet 700
#7008E7
oklch(49.1% 0.27 292.581)
Violet 800
#5D0EC0
oklch(43.2% 0.232 292.759)
Violet 900
#4D179A
oklch(38% 0.189 293.745)
Violet 950
#2F0D68
oklch(28.3% 0.141 291.089)
Purple 50
#FAF5FF
oklch(97.7% 0.014 308.299)
Purple 100
#F3E8FF
oklch(94.6% 0.033 307.174)
Purple 200
≈ #E9D4FF
oklch(90.2% 0.063 306.703)
Purple 300
≈ #DAB2FF
oklch(82.7% 0.119 306.383)
Purple 400
≈ #C27AFF
oklch(71.4% 0.203 305.504)
Purple 500
≈ #AD46FF
oklch(62.7% 0.265 303.9)
Purple 600
#9810FA
oklch(55.8% 0.288 302.321)
Purple 700
≈ #8200DB
oklch(49.6% 0.265 301.924)
Purple 800
#6E11B0
oklch(43.8% 0.218 303.724)
Purple 900
#59168B
oklch(38.1% 0.176 304.987)
Purple 950
#3C0366
oklch(29.1% 0.149 302.717)
Fuchsia 50
#FDF4FF
oklch(97.7% 0.017 320.058)
Fuchsia 100
≈ #FAE8FF
oklch(95.2% 0.037 318.852)
Fuchsia 200
≈ #F6CFFF
oklch(90.3% 0.076 319.62)
Fuchsia 300
≈ #F4A8FF
oklch(83.3% 0.145 321.434)
Fuchsia 400
≈ #ED6BFF
oklch(74% 0.238 322.16)
Fuchsia 500
#E12AFB
oklch(66.7% 0.295 322.15)
Fuchsia 600
≈ #C800DE
oklch(59.1% 0.293 322.896)
Fuchsia 700
≈ #A800B7
oklch(51.8% 0.253 323.949)
Fuchsia 800
#8A0194
oklch(45.2% 0.211 324.591)
Fuchsia 900
#721378
oklch(40.1% 0.17 325.612)
Fuchsia 950
#4B004F
oklch(29.3% 0.136 325.661)
Pink 50
#FDF2F8
oklch(97.1% 0.014 343.198)
Pink 100
#FCE7F3
oklch(94.8% 0.028 342.258)
Pink 200
#FCCEE8
oklch(89.9% 0.061 343.231)
Pink 300
#FDA5D5
oklch(82.3% 0.12 346.018)
Pink 400
#FB64B6
oklch(71.8% 0.202 349.761)
Pink 500
#F6339A
oklch(65.6% 0.241 354.308)
Pink 600
≈ #E60076
oklch(59.2% 0.249 0.584)
Pink 700
≈ #C6005C
oklch(52.5% 0.223 3.958)
Pink 800
≈ #A3004C
oklch(45.9% 0.187 3.815)
Pink 900
#861043
oklch(40.8% 0.153 2.432)
Pink 950
#510424
oklch(28.4% 0.109 3.907)
Rose 50
#FFF1F2
oklch(96.9% 0.015 12.422)
Rose 100
≈ #FFE4E6
oklch(94.1% 0.03 12.58)
Rose 200
≈ #FFCCD3
oklch(89.2% 0.058 10.001)
Rose 300
≈ #FFA1AD
oklch(81% 0.117 11.638)
Rose 400
≈ #FF637E
oklch(71.2% 0.194 13.428)
Rose 500
≈ #FF2056
oklch(64.5% 0.246 16.439)
Rose 600
≈ #EC003F
oklch(58.6% 0.253 17.585)
Rose 700
≈ #C70036
oklch(51.4% 0.222 16.935)
Rose 800
≈ #A50036
oklch(45.5% 0.188 13.697)
Rose 900
#8B0836
oklch(41% 0.159 10.272)
Rose 950
#4D0218
oklch(27.1% 0.105 12.094)
Slate 50
#F8FAFC
oklch(98.4% 0.003 247.858)
Slate 100
#F1F5F9
oklch(96.8% 0.007 247.896)
Slate 200
#E2E8F0
oklch(92.9% 0.013 255.508)
Slate 300
#CAD5E2
oklch(86.9% 0.022 252.894)
Slate 400
#90A1B9
oklch(70.4% 0.04 256.788)
Slate 500
#62748E
oklch(55.4% 0.046 257.417)
Slate 600
#45556C
oklch(44.6% 0.043 257.281)
Slate 700
#314158
oklch(37.2% 0.044 257.287)
Slate 800
#1D293D
oklch(27.9% 0.041 260.031)
Slate 900
#0F172B
oklch(20.8% 0.042 265.755)
Slate 950
#020618
oklch(12.9% 0.042 264.695)
Gray 50
#F9FAFB
oklch(98.5% 0.002 247.839)
Gray 100
#F3F4F6
oklch(96.7% 0.003 264.542)
Gray 200
#E5E7EB
oklch(92.8% 0.006 264.531)
Gray 300
#D1D5DC
oklch(87.2% 0.01 258.338)
Gray 400
#99A1AF
oklch(70.7% 0.022 261.325)
Gray 500
#6A7282
oklch(55.1% 0.027 264.364)
Gray 600
#4A5565
oklch(44.6% 0.03 256.802)
Gray 700
#364153
oklch(37.3% 0.034 259.733)
Gray 800
#1E2939
oklch(27.8% 0.033 256.848)
Gray 900
#101828
oklch(21% 0.034 264.665)
Gray 950
#030712
oklch(13% 0.028 261.692)
Zinc 50
#FAFAFA
oklch(98.5% 0 none)
Zinc 100
#F4F4F5
oklch(96.7% 0.001 286.375)
Zinc 200
#E4E4E7
oklch(92% 0.004 286.32)
Zinc 300
#D4D4D8
oklch(87.1% 0.006 286.286)
Zinc 400
#9F9FA9
oklch(70.5% 0.015 286.067)
Zinc 500
#71717B
oklch(55.2% 0.016 285.938)
Zinc 600
#52525C
oklch(44.2% 0.017 285.786)
Zinc 700
#3F3F46
oklch(37% 0.013 285.805)
Zinc 800
#27272A
oklch(27.4% 0.006 286.033)
Zinc 900
#18181B
oklch(21% 0.006 285.885)
Zinc 950
#09090B
oklch(14.1% 0.005 285.823)
Neutral 50
#FAFAFA
oklch(98.5% 0 none)
Neutral 100
#F5F5F5
oklch(97% 0 none)
Neutral 200
#E5E5E5
oklch(92.2% 0 none)
Neutral 300
#D4D4D4
oklch(87% 0 none)
Neutral 400
#A1A1A1
oklch(70.8% 0 none)
Neutral 500
#737373
oklch(55.6% 0 none)
Neutral 600
#525252
oklch(43.9% 0 none)
Neutral 700
#404040
oklch(37.1% 0 none)
Neutral 800
#262626
oklch(26.9% 0 none)
Neutral 900
#171717
oklch(20.5% 0 none)
Neutral 950
#0A0A0A
oklch(14.5% 0 none)
Stone 50
#FAFAF9
oklch(98.5% 0.001 106.423)
Stone 100
#F5F5F4
oklch(97% 0.001 106.424)
Stone 200
#E7E5E4
oklch(92.3% 0.003 48.717)
Stone 300
#D6D3D1
oklch(86.9% 0.005 56.366)
Stone 400
#A6A09B
oklch(70.9% 0.01 56.259)
Stone 500
#79716B
oklch(55.3% 0.013 58.071)
Stone 600
#57534D
oklch(44.4% 0.011 73.639)
Stone 700
#44403B
oklch(37.4% 0.01 67.558)
Stone 800
#292524
oklch(26.8% 0.007 34.298)
Stone 900
#1C1917
oklch(21.6% 0.006 56.043)
Stone 950
#0C0A09
oklch(14.7% 0.004 49.25)
Mauve 50
#FAFAFA
oklch(98.5% 0 none)
Mauve 100
#F3F1F3
oklch(96% 0.003 325.6)
Mauve 200
#E7E4E7
oklch(92.2% 0.005 325.62)
Mauve 300
#D7D0D7
oklch(86.5% 0.012 325.68)
Mauve 400
#A89EA9
oklch(71.1% 0.019 323.02)
Mauve 500
#79697B
oklch(54.2% 0.034 322.5)
Mauve 600
#594C5B
oklch(43.5% 0.029 321.78)
Mauve 700
#463947
oklch(36.4% 0.029 323.89)
Mauve 800
#2A212C
oklch(26.3% 0.024 320.12)
Mauve 900
#1D161E
oklch(21.2% 0.019 322.12)
Mauve 950
#0C090C
oklch(14.5% 0.008 326)
Olive 50
#FBFBF9
oklch(98.8% 0.003 106.5)
Olive 100
#F4F4F0
oklch(96.6% 0.005 106.5)
Olive 200
#E8E8E3
oklch(93% 0.007 106.5)
Olive 300
#D8D8D0
oklch(88% 0.011 106.6)
Olive 400
#ABAB9C
oklch(73.7% 0.021 106.9)
Olive 500
#7C7C67
oklch(58% 0.031 107.3)
Olive 600
#5B5B4B
oklch(46.6% 0.025 107.3)
Olive 700
#474739
oklch(39.4% 0.023 107.4)
Olive 800
#2B2B22
oklch(28.6% 0.016 107.4)
Olive 900
#1D1D16
oklch(22.8% 0.013 107.4)
Olive 950
#0C0C09
oklch(15.3% 0.006 107.1)
Mist 50
#F9FBFB
oklch(98.7% 0.002 197.1)
Mist 100
#F1F3F3
oklch(96.3% 0.002 197.1)
Mist 200
#E3E7E8
oklch(92.5% 0.005 214.3)
Mist 300
#D0D6D8
oklch(87.2% 0.007 219.6)
Mist 400
#9CA8AB
oklch(72.3% 0.014 214.4)
Mist 500
#67787C
oklch(56% 0.021 213.5)
Mist 600
#4B585B
oklch(45% 0.017 213.2)
Mist 700
#394447
oklch(37.8% 0.015 216)
Mist 800
#22292B
oklch(27.5% 0.011 216.9)
Mist 900
#161B1D
oklch(21.8% 0.008 223.9)
Mist 950
#090B0C
oklch(14.8% 0.004 228.8)
Taupe 50
#FBFAF9
oklch(98.6% 0.002 67.8)
Taupe 100
#F3F1F1
oklch(96% 0.002 17.2)
Taupe 200
#E8E4E3
oklch(92.2% 0.005 34.3)
Taupe 300
#D8D2D0
oklch(86.8% 0.007 39.5)
Taupe 400
#ABA09C
oklch(71.4% 0.014 41.2)
Taupe 500
#7C6D67
oklch(54.7% 0.021 43.1)
Taupe 600
#5B4F4B
oklch(43.8% 0.017 39.3)
Taupe 700
#473C39
oklch(36.7% 0.016 35.7)
Taupe 800
#2B2422
oklch(26.8% 0.011 36.5)
Taupe 900
#1D1816
oklch(21.4% 0.009 43.1)
Taupe 950
#0C0A09
oklch(14.7% 0.004 49.3)
All Tailwind v3.4 Colors (242)
Tailwind CSS v3.4 palette, defined in HEX Have a color of your own? Find the closest Tailwind class.
Slate 50
#F8FAFC
Slate 100
#F1F5F9
Slate 200
#E2E8F0
Slate 300
#CBD5E1
Slate 400
#94A3B8
Slate 500
#64748B
Slate 600
#475569
Slate 700
#334155
Slate 800
#1E293B
Slate 900
#0F172A
Slate 950
#020617
Gray 50
#F9FAFB
Gray 100
#F3F4F6
Gray 200
#E5E7EB
Gray 300
#D1D5DB
Gray 400
#9CA3AF
Gray 500
#6B7280
Gray 600
#4B5563
Gray 700
#374151
Gray 800
#1F2937
Gray 900
#111827
Gray 950
#030712
Zinc 50
#FAFAFA
Zinc 100
#F4F4F5
Zinc 200
#E4E4E7
Zinc 300
#D4D4D8
Zinc 400
#A1A1AA
Zinc 500
#71717A
Zinc 600
#52525B
Zinc 700
#3F3F46
Zinc 800
#27272A
Zinc 900
#18181B
Zinc 950
#09090B
Neutral 50
#FAFAFA
Neutral 100
#F5F5F5
Neutral 200
#E5E5E5
Neutral 300
#D4D4D4
Neutral 400
#A3A3A3
Neutral 500
#737373
Neutral 600
#525252
Neutral 700
#404040
Neutral 800
#262626
Neutral 900
#171717
Neutral 950
#0A0A0A
Stone 50
#FAFAF9
Stone 100
#F5F5F4
Stone 200
#E7E5E4
Stone 300
#D6D3D1
Stone 400
#A8A29E
Stone 500
#78716C
Stone 600
#57534E
Stone 700
#44403C
Stone 800
#292524
Stone 900
#1C1917
Stone 950
#0C0A09
Red 50
#FEF2F2
Red 100
#FEE2E2
Red 200
#FECACA
Red 300
#FCA5A5
Red 400
#F87171
Red 500
#EF4444
Red 600
#DC2626
Red 700
#B91C1C
Red 800
#991B1B
Red 900
#7F1D1D
Red 950
#450A0A
Orange 50
#FFF7ED
Orange 100
#FFEDD5
Orange 200
#FED7AA
Orange 300
#FDBA74
Orange 400
#FB923C
Orange 500
#F97316
Orange 600
#EA580C
Orange 700
#C2410C
Orange 800
#9A3412
Orange 900
#7C2D12
Orange 950
#431407
Amber 50
#FFFBEB
Amber 100
#FEF3C7
Amber 200
#FDE68A
Amber 300
#FCD34D
Amber 400
#FBBF24
Amber 500
#F59E0B
Amber 600
#D97706
Amber 700
#B45309
Amber 800
#92400E
Amber 900
#78350F
Amber 950
#451A03
Yellow 50
#FEFCE8
Yellow 100
#FEF9C3
Yellow 200
#FEF08A
Yellow 300
#FDE047
Yellow 400
#FACC15
Yellow 500
#EAB308
Yellow 600
#CA8A04
Yellow 700
#A16207
Yellow 800
#854D0E
Yellow 900
#713F12
Yellow 950
#422006
Lime 50
#F7FEE7
Lime 100
#ECFCCB
Lime 200
#D9F99D
Lime 300
#BEF264
Lime 400
#A3E635
Lime 500
#84CC16
Lime 600
#65A30D
Lime 700
#4D7C0F
Lime 800
#3F6212
Lime 900
#365314
Lime 950
#1A2E05
Green 50
#F0FDF4
Green 100
#DCFCE7
Green 200
#BBF7D0
Green 300
#86EFAC
Green 400
#4ADE80
Green 500
#22C55E
Green 600
#16A34A
Green 700
#15803D
Green 800
#166534
Green 900
#14532D
Green 950
#052E16
Emerald 50
#ECFDF5
Emerald 100
#D1FAE5
Emerald 200
#A7F3D0
Emerald 300
#6EE7B7
Emerald 400
#34D399
Emerald 500
#10B981
Emerald 600
#059669
Emerald 700
#047857
Emerald 800
#065F46
Emerald 900
#064E3B
Emerald 950
#022C22
Teal 50
#F0FDFA
Teal 100
#CCFBF1
Teal 200
#99F6E4
Teal 300
#5EEAD4
Teal 400
#2DD4BF
Teal 500
#14B8A6
Teal 600
#0D9488
Teal 700
#0F766E
Teal 800
#115E59
Teal 900
#134E4A
Teal 950
#042F2E
Cyan 50
#ECFEFF
Cyan 100
#CFFAFE
Cyan 200
#A5F3FC
Cyan 300
#67E8F9
Cyan 400
#22D3EE
Cyan 500
#06B6D4
Cyan 600
#0891B2
Cyan 700
#0E7490
Cyan 800
#155E75
Cyan 900
#164E63
Cyan 950
#083344
Sky 50
#F0F9FF
Sky 100
#E0F2FE
Sky 200
#BAE6FD
Sky 300
#7DD3FC
Sky 400
#38BDF8
Sky 500
#0EA5E9
Sky 600
#0284C7
Sky 700
#0369A1
Sky 800
#075985
Sky 900
#0C4A6E
Sky 950
#082F49
Blue 50
#EFF6FF
Blue 100
#DBEAFE
Blue 200
#BFDBFE
Blue 300
#93C5FD
Blue 400
#60A5FA
Blue 500
#3B82F6
Blue 600
#2563EB
Blue 700
#1D4ED8
Blue 800
#1E40AF
Blue 900
#1E3A8A
Blue 950
#172554
Indigo 50
#EEF2FF
Indigo 100
#E0E7FF
Indigo 200
#C7D2FE
Indigo 300
#A5B4FC
Indigo 400
#818CF8
Indigo 500
#6366F1
Indigo 600
#4F46E5
Indigo 700
#4338CA
Indigo 800
#3730A3
Indigo 900
#312E81
Indigo 950
#1E1B4B
Violet 50
#F5F3FF
Violet 100
#EDE9FE
Violet 200
#DDD6FE
Violet 300
#C4B5FD
Violet 400
#A78BFA
Violet 500
#8B5CF6
Violet 600
#7C3AED
Violet 700
#6D28D9
Violet 800
#5B21B6
Violet 900
#4C1D95
Violet 950
#2E1065
Purple 50
#FAF5FF
Purple 100
#F3E8FF
Purple 200
#E9D5FF
Purple 300
#D8B4FE
Purple 400
#C084FC
Purple 500
#A855F7
Purple 600
#9333EA
Purple 700
#7E22CE
Purple 800
#6B21A8
Purple 900
#581C87
Purple 950
#3B0764
Fuchsia 50
#FDF4FF
Fuchsia 100
#FAE8FF
Fuchsia 200
#F5D0FE
Fuchsia 300
#F0ABFC
Fuchsia 400
#E879F9
Fuchsia 500
#D946EF
Fuchsia 600
#C026D3
Fuchsia 700
#A21CAF
Fuchsia 800
#86198F
Fuchsia 900
#701A75
Fuchsia 950
#4A044E
Pink 50
#FDF2F8
Pink 100
#FCE7F3
Pink 200
#FBCFE8
Pink 300
#F9A8D4
Pink 400
#F472B6
Pink 500
#EC4899
Pink 600
#DB2777
Pink 700
#BE185D
Pink 800
#9D174D
Pink 900
#831843
Pink 950
#500724
Rose 50
#FFF1F2
Rose 100
#FFE4E6
Rose 200
#FECDD3
Rose 300
#FDA4AF
Rose 400
#FB7185
Rose 500
#F43F5E
Rose 600
#E11D48
Rose 700
#BE123C
Rose 800
#9F1239
Rose 900
#881337
Rose 950
#4C0519
About Color Library
Our color library contains 688 colors across three palettes: all 148 CSS named colors recognized by modern browsers, the 254-color Material Design 2 palette, and the 286-color Tailwind CSS v4 palette with its OKLCH values. The older 242-color Tailwind v3.4 palette is one tab away. Each color includes its HEX code and can be converted to RGB, HSL, CMYK, and other formats.
How to Use
- Click any color to view detailed information and conversions
- Switch palettes to browse CSS, Material Design or Tailwind colors
- Use search to find colors by name or HEX code
- Browse categories to discover colors in specific hue families
- Generate color palettes from any color
Color Formats
Each color can be viewed in multiple formats including HEX, RGB, HSL, CMYK, HSV, LAB, OKLCH, and more. Use our color converter to convert between any formats.