3a86fftool · 07
perceptual scale
Tailwind-style 50 → 950
50
#eef6ffL 97%
100
#dcecffL 94%
200
#bdd9ffL 88%
300
#97bffeL 80%
400
#6d9fefL 70%
500
#2e7af2L 60%
600
#115ccaL 50%
700
#0145a5L 42%
800
#00327dL 34%
900
#001b4cL 24%
950
#00092eL 16%
nearest match
5 warna standar terdekat
dodgerblue
#1e90ff · ΔE 4.59
cornflowerblue
#6495ed · ΔE 5.41
steelblue
#4682b4 · ΔE 7.95
royalblue
#4169e1 · ΔE 11.10
lightslategray
#778899 · ΔE 15.00
curated palettes
Starter collection (20)
Ember Editorial
bold · warm
Soft Linen
warm · earthy · calm
Nordic Fog
cool · earthy · calm
Sunset Drift
warm · vibrant
Shibuya Neon
bold · vibrant · dark
Pastel Garden
pastel · calm
Clay Workshop
earthy · calm
Midnight Lab
dark · cool
Peach Atelier
pastel · warm · calm
Forest Brief
earthy · calm
Crimson Brief
bold · cool
Ochre Desert
earthy · warm
Reef Signal
vibrant · cool
Monochrome Press
calm · dark
Lagoon Brief
cool · calm
Apricot Serif
warm · vibrant
Moss Brand
earthy · calm
Plum Signal
dark · bold
Lemon Loop
vibrant · bold
Sage Notes
calm · cool · pastel
named colors
CSS Named Colors (142)
darkred
#8b0000 · rgb(139, 0, 0)
hsl(0, 100%, 27.3%)
firebrick
#b22222 · rgb(178, 34, 34)
hsl(0, 67.9%, 41.6%)
crimson
#dc143c · rgb(220, 20, 60)
hsl(348, 83.3%, 47.1%)
red
#ff0000 · rgb(255, 0, 0)
hsl(0, 100%, 50%)
indianred
#cd5c5c · rgb(205, 92, 92)
hsl(0, 53.1%, 58.2%)
darksalmon
#e9967a · rgb(233, 150, 122)
hsl(15, 71.6%, 69.6%)
salmon
#fa8072 · rgb(250, 128, 114)
hsl(6, 93.2%, 71.4%)
lightcoral
#f08080 · rgb(240, 128, 128)
hsl(0, 78.9%, 72.2%)
mediumvioletred
#c71585 · rgb(199, 21, 133)
hsl(322, 80.9%, 43.1%)
deeppink
#ff1493 · rgb(255, 20, 147)
hsl(328, 100%, 53.9%)
palevioletred
#db7093 · rgb(219, 112, 147)
hsl(340, 59.8%, 64.9%)
hotpink
#ff69b4 · rgb(255, 105, 180)
hsl(330, 100%, 70.6%)
lightpink
#ffb6c1 · rgb(255, 182, 193)
hsl(351, 100%, 85.7%)
pink
#ffc0cb · rgb(255, 192, 203)
hsl(350, 100%, 87.6%)
darkorange
#ff8c00 · rgb(255, 140, 0)
hsl(33, 100%, 50%)
orange
#ffa500 · rgb(255, 165, 0)
hsl(39, 100%, 50%)
orangered
#ff4500 · rgb(255, 69, 0)
hsl(16, 100%, 50%)
tomato
#ff6347 · rgb(255, 99, 71)
hsl(9, 100%, 63.9%)
coral
#ff7f50 · rgb(255, 127, 80)
hsl(16, 100%, 65.7%)
lightsalmon
#ffa07a · rgb(255, 160, 122)
hsl(17, 100%, 73.9%)
navajowhite
#ffdead · rgb(255, 222, 173)
hsl(36, 100%, 83.9%)
moccasin
#ffe4b5 · rgb(255, 228, 181)
hsl(38, 100%, 85.5%)
peachpuff
#ffdab9 · rgb(255, 218, 185)
hsl(28, 100%, 86.3%)
olive
#808000 · rgb(128, 128, 0)
hsl(60, 100%, 25.1%)
goldenrod
#daa520 · rgb(218, 165, 32)
hsl(43, 74.4%, 49%)
gold
#ffd700 · rgb(255, 215, 0)
hsl(51, 100%, 50%)
yellow
#ffff00 · rgb(255, 255, 0)
hsl(60, 100%, 50%)
darkkhaki
#bdb76b · rgb(189, 183, 107)
hsl(56, 38.3%, 58%)
khaki
#f0e68c · rgb(240, 230, 140)
hsl(54, 76.9%, 74.5%)
palegoldenrod
#eee8aa · rgb(238, 232, 170)
hsl(55, 66.7%, 80%)
lightgoldenrodyellow
#fafad2 · rgb(250, 250, 210)
hsl(60, 80%, 90.2%)
lightyellow
#ffffe0 · rgb(255, 255, 224)
hsl(60, 100%, 93.9%)
darkgreen
#006400 · rgb(0, 100, 0)
hsl(120, 100%, 19.6%)
green
#008000 · rgb(0, 128, 0)
hsl(120, 100%, 25.1%)
teal
#008080 · rgb(0, 128, 128)
hsl(180, 100%, 25.1%)
darkcyan
#008b8b · rgb(0, 139, 139)
hsl(180, 100%, 27.3%)
darkolivegreen
#556b2f · rgb(85, 107, 47)
hsl(82, 39%, 30.2%)
forestgreen
#228b22 · rgb(34, 139, 34)
hsl(120, 60.7%, 33.9%)
olivedrab
#6b8e23 · rgb(107, 142, 35)
hsl(80, 60.5%, 34.7%)
seagreen
#2e8b57 · rgb(46, 139, 87)
hsl(146, 50.3%, 36.3%)
lightseagreen
#20b2aa · rgb(32, 178, 170)
hsl(177, 69.5%, 41.2%)
mediumseagreen
#3cb371 · rgb(60, 179, 113)
hsl(147, 49.8%, 46.9%)
mediumspringgreen
#00fa9a · rgb(0, 250, 154)
hsl(157, 100%, 49%)
lawngreen
#7cfc00 · rgb(124, 252, 0)
hsl(90, 100%, 49.4%)
chartreuse
#7fff00 · rgb(127, 255, 0)
hsl(90, 100%, 50%)
lime
#00ff00 · rgb(0, 255, 0)
hsl(120, 100%, 50%)
limegreen
#32cd32 · rgb(50, 205, 50)
hsl(120, 60.8%, 50%)
springgreen
#00ff7f · rgb(0, 255, 127)
hsl(150, 100%, 50%)
yellowgreen
#9acd32 · rgb(154, 205, 50)
hsl(80, 60.8%, 50%)
greenyellow
#adff2f · rgb(173, 255, 47)
hsl(84, 100%, 59.2%)
mediumaquamarine
#66cdaa · rgb(102, 205, 170)
hsl(160, 50.7%, 60.2%)
darkseagreen
#8fbc8f · rgb(143, 188, 143)
hsl(120, 25.1%, 64.9%)
aquamarine
#7fffd4 · rgb(127, 255, 212)
hsl(160, 100%, 74.9%)
lightgreen
#90ee90 · rgb(144, 238, 144)
hsl(120, 73.4%, 74.9%)
palegreen
#98fb98 · rgb(152, 251, 152)
hsl(120, 92.5%, 79%)
navy
#000080 · rgb(0, 0, 128)
hsl(240, 100%, 25.1%)
midnightblue
#191970 · rgb(25, 25, 112)
hsl(240, 63.5%, 26.9%)
darkblue
#00008b · rgb(0, 0, 139)
hsl(240, 100%, 27.3%)
mediumblue
#0000cd · rgb(0, 0, 205)
hsl(240, 100%, 40.2%)
darkturquoise
#00ced1 · rgb(0, 206, 209)
hsl(181, 100%, 41%)
steelblue
#4682b4 · rgb(70, 130, 180)
hsl(207, 44%, 49%)
aqua
#00ffff · rgb(0, 255, 255)
hsl(180, 100%, 50%)
blue
#0000ff · rgb(0, 0, 255)
hsl(240, 100%, 50%)
cadetblue
#5f9ea0 · rgb(95, 158, 160)
hsl(182, 25.5%, 50%)
cyan
#00ffff · rgb(0, 255, 255)
hsl(180, 100%, 50%)
deepskyblue
#00bfff · rgb(0, 191, 255)
hsl(195, 100%, 50%)
mediumturquoise
#48d1cc · rgb(72, 209, 204)
hsl(178, 59.8%, 55.1%)
dodgerblue
#1e90ff · rgb(30, 144, 255)
hsl(210, 100%, 55.9%)
turquoise
#40e0d0 · rgb(64, 224, 208)
hsl(174, 72.1%, 56.5%)
royalblue
#4169e1 · rgb(65, 105, 225)
hsl(225, 72.7%, 56.9%)
cornflowerblue
#6495ed · rgb(100, 149, 237)
hsl(219, 79.2%, 66.1%)
skyblue
#87ceeb · rgb(135, 206, 235)
hsl(197, 71.4%, 72.5%)
lightskyblue
#87cefa · rgb(135, 206, 250)
hsl(203, 92%, 75.5%)
lightsteelblue
#b0c4de · rgb(176, 196, 222)
hsl(214, 41.1%, 78%)
lightblue
#add8e6 · rgb(173, 216, 230)
hsl(195, 53.3%, 79%)
powderblue
#b0e0e6 · rgb(176, 224, 230)
hsl(187, 51.9%, 79.6%)
paleturquoise
#afeeee · rgb(175, 238, 238)
hsl(180, 64.9%, 81%)
lightcyan
#e0ffff · rgb(224, 255, 255)
hsl(180, 100%, 93.9%)
purple
#800080 · rgb(128, 0, 128)
hsl(300, 100%, 25.1%)
indigo
#4b0082 · rgb(75, 0, 130)
hsl(275, 100%, 25.5%)
darkmagenta
#8b008b · rgb(139, 0, 139)
hsl(300, 100%, 27.3%)
darkslateblue
#483d8b · rgb(72, 61, 139)
hsl(248, 39%, 39.2%)
rebeccapurple
#663399 · rgb(102, 51, 153)
hsl(270, 50%, 40%)
darkviolet
#9400d3 · rgb(148, 0, 211)
hsl(282, 100%, 41.4%)
darkorchid
#9932cc · rgb(153, 50, 204)
hsl(280, 60.6%, 49.8%)
fuchsia
#ff00ff · rgb(255, 0, 255)
hsl(300, 100%, 50%)
magenta
#ff00ff · rgb(255, 0, 255)
hsl(300, 100%, 50%)
blueviolet
#8a2be2 · rgb(138, 43, 226)
hsl(271, 75.9%, 52.7%)
slateblue
#6a5acd · rgb(106, 90, 205)
hsl(248, 53.5%, 57.8%)
mediumorchid
#ba55d3 · rgb(186, 85, 211)
hsl(288, 58.9%, 58%)
orchid
#da70d6 · rgb(218, 112, 214)
hsl(302, 58.9%, 64.7%)
mediumpurple
#9370db · rgb(147, 112, 219)
hsl(260, 59.8%, 64.9%)
mediumslateblue
#7b68ee · rgb(123, 104, 238)
hsl(249, 79.8%, 67.1%)
violet
#ee82ee · rgb(238, 130, 238)
hsl(300, 76.1%, 72.2%)
plum
#dda0dd · rgb(221, 160, 221)
hsl(300, 47.3%, 74.7%)
thistle
#d8bfd8 · rgb(216, 191, 216)
hsl(300, 24.3%, 79.8%)
lavender
#e6e6fa · rgb(230, 230, 250)
hsl(240, 66.7%, 94.1%)
maroon
#800000 · rgb(128, 0, 0)
hsl(0, 100%, 25.1%)
saddlebrown
#8b4513 · rgb(139, 69, 19)
hsl(25, 75.9%, 31%)
darkgoldenrod
#b8860b · rgb(184, 134, 11)
hsl(43, 88.7%, 38.2%)
sienna
#a0522d · rgb(160, 82, 45)
hsl(19, 56.1%, 40.2%)
brown
#a52a2a · rgb(165, 42, 42)
hsl(0, 59.4%, 40.6%)
chocolate
#d2691e · rgb(210, 105, 30)
hsl(25, 75%, 47.1%)
peru
#cd853f · rgb(205, 133, 63)
hsl(30, 58.7%, 52.5%)
rosybrown
#bc8f8f · rgb(188, 143, 143)
hsl(0, 25.1%, 64.9%)
sandybrown
#f4a460 · rgb(244, 164, 96)
hsl(28, 87.1%, 66.7%)
tan
#d2b48c · rgb(210, 180, 140)
hsl(34, 43.7%, 68.6%)
burlywood
#deb887 · rgb(222, 184, 135)
hsl(34, 56.9%, 70%)
wheat
#f5deb3 · rgb(245, 222, 179)
hsl(39, 76.7%, 83.1%)
bisque
#ffe4c4 · rgb(255, 228, 196)
hsl(33, 100%, 88.4%)
blanchedalmond
#ffebcd · rgb(255, 235, 205)
hsl(36, 100%, 90.2%)
lemonchiffon
#fffacd · rgb(255, 250, 205)
hsl(54, 100%, 90.2%)
antiquewhite
#faebd7 · rgb(250, 235, 215)
hsl(34, 77.8%, 91.2%)
beige
#f5f5dc · rgb(245, 245, 220)
hsl(60, 55.6%, 91.2%)
papayawhip
#ffefd5 · rgb(255, 239, 213)
hsl(37, 100%, 91.8%)
cornsilk
#fff8dc · rgb(255, 248, 220)
hsl(48, 100%, 93.1%)
linen
#faf0e6 · rgb(250, 240, 230)
hsl(30, 66.7%, 94.1%)
mistyrose
#ffe4e1 · rgb(255, 228, 225)
hsl(6, 100%, 94.1%)
oldlace
#fdf5e6 · rgb(253, 245, 230)
hsl(39, 85.2%, 94.7%)
whitesmoke
#f5f5f5 · rgb(245, 245, 245)
hsl(0, 0%, 96.1%)
seashell
#fff5ee · rgb(255, 245, 238)
hsl(25, 100%, 96.7%)
aliceblue
#f0f8ff · rgb(240, 248, 255)
hsl(208, 100%, 97.1%)
azure
#f0ffff · rgb(240, 255, 255)
hsl(180, 100%, 97.1%)
floralwhite
#fffaf0 · rgb(255, 250, 240)
hsl(40, 100%, 97.1%)
honeydew
#f0fff0 · rgb(240, 255, 240)
hsl(120, 100%, 97.1%)
ivory
#fffff0 · rgb(255, 255, 240)
hsl(60, 100%, 97.1%)
lavenderblush
#fff0f5 · rgb(255, 240, 245)
hsl(340, 100%, 97.1%)
mintcream
#f5fffa · rgb(245, 255, 250)
hsl(150, 100%, 98%)
ghostwhite
#f8f8ff · rgb(248, 248, 255)
hsl(240, 100%, 98.6%)
snow
#fffafa · rgb(255, 250, 250)
hsl(0, 100%, 99%)
white
#ffffff · rgb(255, 255, 255)
hsl(0, 0%, 100%)
black
#000000 · rgb(0, 0, 0)
hsl(0, 0%, 0%)
darkslategray
#2f4f4f · rgb(47, 79, 79)
hsl(180, 25.4%, 24.7%)
dimgray
#696969 · rgb(105, 105, 105)
hsl(0, 0%, 41.2%)
gray
#808080 · rgb(128, 128, 128)
hsl(0, 0%, 50.2%)
slategray
#708090 · rgb(112, 128, 144)
hsl(210, 12.6%, 50.2%)
lightslategray
#778899 · rgb(119, 136, 153)
hsl(210, 14.3%, 53.3%)
darkgray
#a9a9a9 · rgb(169, 169, 169)
hsl(0, 0%, 66.3%)
darkgrey
#a9a9a9 · rgb(169, 169, 169)
hsl(0, 0%, 66.3%)
silver
#c0c0c0 · rgb(192, 192, 192)
hsl(0, 0%, 75.3%)
lightgray
#d3d3d3 · rgb(211, 211, 211)
hsl(0, 0%, 82.7%)
gainsboro
#dcdcdc · rgb(220, 220, 220)
hsl(0, 0%, 86.3%)