- No data uploaded
- Instant results
Color Converter
Type any colour — #4f46e5, rgb(79 70 229), hsl(243 75% 59%) or a name like “coral” — or use the picker. Click any value or swatch to copy it.
Color Converter
Contrast on white 6.29:1 · on black 3.34:1
Tints
Shades
Complementary
Triadic
Analogous
Colour models explained
- HEX / RGB — red, green and blue light, used on screens.
- HSL / HSV — hue, saturation and lightness/value; easier for designing palettes.
- CMYK — cyan, magenta, yellow, black ink for print (approximate; use an ICC profile for exact print colours).
Accessible colour contrast
WCAG 2 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (AA). The converter shows the ratio against white and black for every colour.
Popular named colours
| Name | HEX | RGB |
|---|---|---|
| red | #FF0000 | rgb(255, 0, 0) |
| coral | #FF7F50 | rgb(255, 127, 80) |
| gold | #FFD700 | rgb(255, 215, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| navy | #000080 | rgb(0, 0, 128) |
| indigo | #4B0082 | rgb(75, 0, 130) |
| crimson | #DC143C | rgb(220, 20, 60) |
| tomato | #FF6347 | rgb(255, 99, 71) |
Frequently asked questions
How do I convert HEX to RGB?
Split the hex into three pairs and convert each from base 16: #4F46E5 → 79, 70, 229.
What does the nearest CSS name mean?
It is the closest of the 141 CSS named colours by RGB distance — handy for quick prototypes.