Converter Tools

Color Name Finder

Find the closest CSS named color for any HEX or RGB value, look up names like tomato or dodgerblue, and browse all 148 named colors in your browser.

Color input

Paste a HEX value, an rgb() color, or a CSS color name. We detect the format and find the closest standard CSS named color.

Color value

Detected: HEX input. No exact CSS named match. Showing closest names below.

HEX: #3B82F6
RGB: 59, 130, 246
Name: dodgerblue

Closest CSS named colors

Ranked by perceptual distance using the redmean approximation. Lower distance is a closer visual match.

#1E90FF
dodgerblueClosest
#1E90FFrgb(30, 144, 255)distance 53.3
#4169E1
royalblueRank 2
#4169E1rgb(65, 105, 225)distance 61.6
#6495ED
cornflowerblueRank 3
#6495EDrgb(100, 149, 237)distance 74.5
#4682B4
steelblueRank 4
#4682B4rgb(70, 130, 180)distance 110.6
#7B68EE
mediumslateblueRank 5
#7B68EErgb(123, 104, 238)distance 111.9
#6A5ACD
slateblueRank 6
#6A5ACDrgb(106, 90, 205)distance 126.6

Distance is computed in sRGB with red-green-blue weights tuned for perceptual closeness. A distance of 0 means an exact bit-for-bit match against the CSS named color list.

Browse all CSS named colors

All 148 entries from the CSS Color Module Level 4 named color list. Search by name or HEX, sort by name or hue.

Filter

148 of 148 shown.

#F0F8FFrgb(240, 248, 255)
#FAEBD7rgb(250, 235, 215)
#00FFFFrgb(0, 255, 255)
#7FFFD4rgb(127, 255, 212)
#F0FFFFrgb(240, 255, 255)
#F5F5DCrgb(245, 245, 220)
#FFE4C4rgb(255, 228, 196)
#000000rgb(0, 0, 0)
#FFEBCDrgb(255, 235, 205)
#0000FFrgb(0, 0, 255)
#8A2BE2rgb(138, 43, 226)
#A52A2Argb(165, 42, 42)
#DEB887rgb(222, 184, 135)
#5F9EA0rgb(95, 158, 160)
#7FFF00rgb(127, 255, 0)
#D2691Ergb(210, 105, 30)
#FF7F50rgb(255, 127, 80)
#6495EDrgb(100, 149, 237)
#FFF8DCrgb(255, 248, 220)
#DC143Crgb(220, 20, 60)
#00FFFFrgb(0, 255, 255)
#00008Brgb(0, 0, 139)
#008B8Brgb(0, 139, 139)
#B8860Brgb(184, 134, 11)
#A9A9A9rgb(169, 169, 169)
#006400rgb(0, 100, 0)
#A9A9A9rgb(169, 169, 169)
#BDB76Brgb(189, 183, 107)
#8B008Brgb(139, 0, 139)
#556B2Frgb(85, 107, 47)
#FF8C00rgb(255, 140, 0)
#9932CCrgb(153, 50, 204)
#8B0000rgb(139, 0, 0)
#E9967Argb(233, 150, 122)
#8FBC8Frgb(143, 188, 143)
#483D8Brgb(72, 61, 139)
#2F4F4Frgb(47, 79, 79)
#2F4F4Frgb(47, 79, 79)
#00CED1rgb(0, 206, 209)
#9400D3rgb(148, 0, 211)
#FF1493rgb(255, 20, 147)
#00BFFFrgb(0, 191, 255)
#696969rgb(105, 105, 105)
#696969rgb(105, 105, 105)
#1E90FFrgb(30, 144, 255)
#B22222rgb(178, 34, 34)
#FFFAF0rgb(255, 250, 240)
#228B22rgb(34, 139, 34)
#FF00FFrgb(255, 0, 255)
#DCDCDCrgb(220, 220, 220)
#F8F8FFrgb(248, 248, 255)
#FFD700rgb(255, 215, 0)
#DAA520rgb(218, 165, 32)
#808080rgb(128, 128, 128)
#008000rgb(0, 128, 0)
#ADFF2Frgb(173, 255, 47)
#808080rgb(128, 128, 128)
#F0FFF0rgb(240, 255, 240)
#FF69B4rgb(255, 105, 180)
#CD5C5Crgb(205, 92, 92)
#4B0082rgb(75, 0, 130)
#FFFFF0rgb(255, 255, 240)
#F0E68Crgb(240, 230, 140)
#E6E6FArgb(230, 230, 250)
#FFF0F5rgb(255, 240, 245)
#7CFC00rgb(124, 252, 0)
#FFFACDrgb(255, 250, 205)
#ADD8E6rgb(173, 216, 230)
#F08080rgb(240, 128, 128)
#E0FFFFrgb(224, 255, 255)
#FAFAD2rgb(250, 250, 210)
#D3D3D3rgb(211, 211, 211)
#90EE90rgb(144, 238, 144)
#D3D3D3rgb(211, 211, 211)
#FFB6C1rgb(255, 182, 193)
#FFA07Argb(255, 160, 122)
#20B2AArgb(32, 178, 170)
#87CEFArgb(135, 206, 250)
#778899rgb(119, 136, 153)
#778899rgb(119, 136, 153)
#B0C4DErgb(176, 196, 222)
#FFFFE0rgb(255, 255, 224)
#00FF00rgb(0, 255, 0)
#32CD32rgb(50, 205, 50)
#FAF0E6rgb(250, 240, 230)
#FF00FFrgb(255, 0, 255)
#800000rgb(128, 0, 0)
#66CDAArgb(102, 205, 170)
#0000CDrgb(0, 0, 205)
#BA55D3rgb(186, 85, 211)
#9370DBrgb(147, 112, 219)
#3CB371rgb(60, 179, 113)
#7B68EErgb(123, 104, 238)
#00FA9Argb(0, 250, 154)
#48D1CCrgb(72, 209, 204)
#C71585rgb(199, 21, 133)
#191970rgb(25, 25, 112)
#F5FFFArgb(245, 255, 250)
#FFE4E1rgb(255, 228, 225)
#FFE4B5rgb(255, 228, 181)
#FFDEADrgb(255, 222, 173)
#000080rgb(0, 0, 128)
#FDF5E6rgb(253, 245, 230)
#808000rgb(128, 128, 0)
#6B8E23rgb(107, 142, 35)
#FFA500rgb(255, 165, 0)
#FF4500rgb(255, 69, 0)
#DA70D6rgb(218, 112, 214)
#EEE8AArgb(238, 232, 170)
#98FB98rgb(152, 251, 152)
#AFEEEErgb(175, 238, 238)
#DB7093rgb(219, 112, 147)
#FFEFD5rgb(255, 239, 213)
#FFDAB9rgb(255, 218, 185)
#CD853Frgb(205, 133, 63)
#FFC0CBrgb(255, 192, 203)
#DDA0DDrgb(221, 160, 221)
#B0E0E6rgb(176, 224, 230)
#800080rgb(128, 0, 128)
#663399rgb(102, 51, 153)
#FF0000rgb(255, 0, 0)
#BC8F8Frgb(188, 143, 143)
#4169E1rgb(65, 105, 225)
#8B4513rgb(139, 69, 19)
#FA8072rgb(250, 128, 114)
#F4A460rgb(244, 164, 96)
#2E8B57rgb(46, 139, 87)
#FFF5EErgb(255, 245, 238)
#A0522Drgb(160, 82, 45)
#C0C0C0rgb(192, 192, 192)
#87CEEBrgb(135, 206, 235)
#6A5ACDrgb(106, 90, 205)
#708090rgb(112, 128, 144)
#708090rgb(112, 128, 144)
#FFFAFArgb(255, 250, 250)
#00FF7Frgb(0, 255, 127)
#4682B4rgb(70, 130, 180)
#D2B48Crgb(210, 180, 140)
#008080rgb(0, 128, 128)
#D8BFD8rgb(216, 191, 216)
#FF6347rgb(255, 99, 71)
#40E0D0rgb(64, 224, 208)
#EE82EErgb(238, 130, 238)
#F5DEB3rgb(245, 222, 179)
#FFFFFFrgb(255, 255, 255)
#F5F5F5rgb(245, 245, 245)
#FFFF00rgb(255, 255, 0)
#9ACD32rgb(154, 205, 50)

All matching and ranking happens locally in your browser. Your color values are not uploaded.

How to use

Paste a color value into the input box. HEX (#3B82F6 or 3B82F6 or shorthand #F35), rgb()/rgba(), and existing CSS color names are all accepted.
Read the headline match: an Exact match badge means your input is identical to a CSS named color; otherwise the closest name is shown along with the live swatch.
Scroll the closest matches list to compare the top 6 candidates with swatches, HEX, RGB, and a numeric distance score.
Click Copy name or Copy HEX on any row, or Use color to load that color back into the input for a quick round-trip.
Use the All CSS named colors browser to search by name or HEX, switch between Sort by name and Sort by hue, and click any swatch to load it into the input.

About this tool

Color Name Finder tells you what to call a color. Paste a HEX value, an rgb() expression, or a CSS named color and the tool detects the format, parses it into a canonical sRGB triple, and finds the closest entry in the CSS Color Module Level 4 named-color list. The headline result is the single closest name (with an Exact match badge when the input lands bit-for-bit on a standard color), and a ranked list of the next five closest alternatives is shown right below so you can compare candidates when no entry is a perfect match. Distance is computed using the redmean approximation, a weighted sRGB metric tuned for perceptual closeness; it is much closer to how the human eye judges color similarity than naive Euclidean RGB distance, while staying fast enough to recompute on every keystroke. Each ranked match shows a swatch (with the HEX overlaid in readable contrast), the exact RGB triple, and a numeric distance score so you can verify the match yourself, plus copy buttons for the name and the HEX. A Use color action loads the chosen name back into the input so you can round-trip and confirm. The second half of the page is a complete browser of all 148 standard CSS named colors, sortable by name (alphabetical) or by hue (rainbow groups with neutral grays and whites collected separately), with a search field that accepts partial names like 'sky' or HEX prefixes like '#ff'. Every swatch in the browser is clickable: tap or focus it to load that color into the input, and use the inline copy buttons to grab the name or HEX without selecting text by hand. Useful when you have a hex from a brand guide and want a friendly handoff name, when you read code or design tokens that use words like 'gainsboro' or 'mediumvioletred' and want to see the actual color, when you are writing CSS and prefer a memorable named color over a hex literal, when you are building component libraries that expose color tokens, when you are explaining color choices in design reviews, and when you just want to know what to call that very specific shade of pink. Everything (parsing, distance ranking, sorting, filtering) runs locally in the browser, so the colors and any tokens you paste here never leave your device.

Free to use. Works in your browser. No signup, no login.

Related tools

Color Name Finder

Color input

Closest CSS named colors

Browse all CSS named colors

How to use

About this tool

You may also like

HEX to RGB Converter

Color Format Converter

Color Palette Generator

Color Mixer

Color Contrast Checker