Common Web Colors: Hex and RGB Reference Chart
- White is #FFFFFF / rgb(255, 255, 255). Black is #000000 / rgb(0, 0, 0).
- Primary colors: red #FF0000, green #008000, blue #0000FF.
- Common UI gray: #6B7280 / rgb(107, 114, 128).
- Paste any color into the converter above for instant hex and RGB values.
Table of Contents
Below is a reference chart of the most frequently needed web colors in both hex and RGB format. Bookmark this page for quick lookups — or paste any hex code into the converter above for an instant result on any color not listed here.
Black, White, and Common Grays
| Color | Hex | RGB |
|---|---|---|
| White | #FFFFFF | rgb(255, 255, 255) |
| Black | #000000 | rgb(0, 0, 0) |
| Light Gray | #F3F4F6 | rgb(243, 244, 246) |
| Medium Gray | #9CA3AF | rgb(156, 163, 175) |
| Dark Gray | #374151 | rgb(55, 65, 81) |
| Charcoal | #1F2937 | rgb(31, 41, 55) |
Primary and Secondary Colors
| Color | Hex | RGB |
|---|---|---|
| Red | #EF4444 | rgb(239, 68, 68) |
| Orange | #F97316 | rgb(249, 115, 22) |
| Yellow | #EAB308 | rgb(234, 179, 8) |
| Green | #22C55E | rgb(34, 197, 94) |
| Blue | #3B82F6 | rgb(59, 130, 246) |
| Purple | #A855F7 | rgb(168, 85, 247) |
| Pink | #EC4899 | rgb(236, 72, 153) |
Common UI and Brand Color Reference
| Color | Hex | RGB |
|---|---|---|
| Link Blue | #2563EB | rgb(37, 99, 235) |
| Success Green | #16A34A | rgb(22, 163, 74) |
| Warning Amber | #D97706 | rgb(217, 119, 6) |
| Error Red | #DC2626 | rgb(220, 38, 38) |
| Body Text | #111827 | rgb(17, 24, 39) |
| Muted Text | #6B7280 | rgb(107, 114, 128) |
| Border Gray | #E5E7EB | rgb(229, 231, 235) |
How to Use This Reference Chart
These values are drawn from the Tailwind CSS color palette, which has become a widely used baseline for UI color decisions. The exact shades vary by design system — your brand red may be #E53E3E rather than #EF4444.
For any color not in this chart, paste the hex code into the converter above for an instant RGB and HSL result. The converter also works in reverse — enter RGB values to get the hex code back.
Find Any Color Not on This Chart
Paste any hex code into the converter above for instant RGB, HSL, and a live color preview.
Open Hex to RGB ConverterFrequently Asked Questions
What is the hex code for pure red, green, and blue?
Pure red: #FF0000 / rgb(255,0,0). Pure green: #00FF00 / rgb(0,255,0). Pure blue: #0000FF / rgb(0,0,255). These are the maximum values for each channel with the other two at zero.
What hex code should I use for standard link blue?
#2563EB (rgb 37, 99, 235) is a modern, accessible link blue used widely in design systems. Classic browser default blue is #0000EE. Either reads clearly on white backgrounds.
What is the RGB for transparent white?
White is rgb(255, 255, 255). For transparent white, use rgba(255, 255, 255, 0.5) — or any alpha value between 0 and 1 depending on your needed opacity level.
How are the gray values in this chart chosen?
These grays are from the Tailwind CSS gray-400 through gray-900 scale, which is widely used in modern UI design. The numbers in the Tailwind scale (100-900) roughly correspond to lightness — 100 is near white, 900 is near black.
