ColorPairLab48 entries
CSS Color Names: Hex, RGB & Contrast
Browse 48 CSS named colors with exact hex and RGB values, aliases and black-and-white text contrast. Open a color to explore it in the converter.
Find a CSS color by name, copy its exact value and compare text colors on it.
Beige Color (#F5F5DC)
A light warm background for reading pages. CSS value: #F5F5DC.
Black Color (#000000)
A dark anchor for body copy and light-page headings. CSS value: #000000.
Blue Color (#0000FF)
A fully saturated blue to compare for links and headings. CSS value: #0000FF.
Brown Color (#A52A2A)
A reddish brown for warm headings and navigation. CSS value: #A52A2A.
Chocolate Color (#D2691E)
A medium orange-brown for a warm accent. CSS value: #D2691E.
Coral Color (#FF7F50)
A warm pink-orange for highlights and panels. CSS value: #FF7F50.
Cyan Color (#00FFFF)
A vivid blue-green, also known as aqua in CSS. CSS value: #00FFFF.
Dark Slate Gray Color (#2F4F4F)
A deep teal-gray for text on light pages. CSS value: #2F4F4F.
Deep Pink Color (#FF1493)
A saturated pink for a short label or accent. CSS value: #FF1493.
Dodger Blue Color (#1E90FF)
A bright blue for fills and markers. CSS value: #1E90FF.
Forest Green Color (#228B22)
A dark green to try on a beige reading surface. CSS value: #228B22.
Gold Color (#FFD700)
A bright yellow for notices and selected items. CSS value: #FFD700.
Gray Color (#808080)
A middle gray to check carefully for small text. CSS value: #808080.
Green Color (#008000)
The darker CSS green, distinct from bright lime. CSS value: #008000.
Indigo Color (#4B0082)
A deep violet to try with pale lavender. CSS value: #4B0082.
Ivory Color (#FFFFF0)
A near-white background with a hint of yellow. CSS value: #FFFFF0.
Khaki Color (#F0E68C)
A pale yellow background with a warmer tone than gray. CSS value: #F0E68C.
Lavender Color (#E6E6FA)
A pale violet background for a reading panel. CSS value: #E6E6FA.
Lime Color (#00FF00)
A bright green for highlights and filled panels. CSS value: #00FF00.
Linen Color (#FAF0E6)
A warm off-white for a paper-like page. CSS value: #FAF0E6.
Magenta Color (#FF00FF)
A strong pink-purple accent, also called fuchsia. CSS value: #FF00FF.
Maroon Color (#800000)
A dark red for warm headings and navigation. CSS value: #800000.
Navy Color (#000080)
A deep blue for headings, navigation and dark panels. CSS value: #000080.
Olive Color (#808000)
An earthy yellow-green with a fixed CSS value. CSS value: #808000.
Orange Color (#FFA500)
A bright fill to pair with a measured dark label. CSS value: #FFA500.
Orchid Color (#DA70D6)
A pink-violet accent distinct from plum and violet. CSS value: #DA70D6.
Pink Color (#FFC0CB)
A pale warm background for cards and callouts. CSS value: #FFC0CB.
Plum Color (#DDA0DD)
A soft violet for cards and category fills. CSS value: #DDA0DD.
Purple Color (#800080)
A deep purple for headings and accents. CSS value: #800080.
Rebecca Purple Color (#663399)
A medium-dark purple with its own CSS keyword. CSS value: #663399.
Red Color (#FF0000)
A vivid red for warnings and emphasis. CSS value: #FF0000.
Royal Blue Color (#4169E1)
A vivid blue for headings and links. CSS value: #4169E1.
Salmon Color (#FA8072)
A light red-orange for section backgrounds. CSS value: #FA8072.
Sea Green Color (#2E8B57)
A medium green for navigation and labels. CSS value: #2E8B57.
Silver Color (#C0C0C0)
A flat light gray for panels and page sections. CSS value: #C0C0C0.
Sky Blue Color (#87CEEB)
A light blue background to pair with dark text. CSS value: #87CEEB.
Slate Gray Color (#708090)
A muted blue-gray to check before using for captions. CSS value: #708090.
Snow Color (#FFFAFA)
A near-white with a slight pink tint. CSS value: #FFFAFA.
Steel Blue Color (#4682B4)
A medium blue that needs care with small labels. CSS value: #4682B4.
Tan Color (#D2B48C)
A warm neutral for cards and summaries. CSS value: #D2B48C.
Teal Color (#008080)
A dark blue-green to try in links and navigation. CSS value: #008080.
Tomato Color (#FF6347)
A warm red-orange for notifications and accents. CSS value: #FF6347.
Turquoise Color (#40E0D0)
A bright blue-green for highlight cards. CSS value: #40E0D0.
Violet Color (#EE82EE)
A light, vivid pink-purple for digital designs. CSS value: #EE82EE.
Wheat Color (#F5DEB3)
A soft yellow for warm page backgrounds. CSS value: #F5DEB3.
White Color (#FFFFFF)
A clean background for pages and cards. CSS value: #FFFFFF.
White Smoke Color (#F5F5F5)
A light neutral gray for page backgrounds. CSS value: #F5F5F5.
Yellow Color (#FFFF00)
A bright background for a notice or highlight. CSS value: #FFFF00.