Colour converter
Convert colours between HEX, RGB, HSL, HSV and CMYK formats. Shows a live preview swatch and complementary colours.
- Free, no sign-up
- No data stored
- Reviewed 2026-01-15
Your details
Results
- HEX
- #1C7C54
- RGB
- 28, 124, 84
- HSL
- 155°, 63%, 30%
- HSV
- 155°, 77%, 49%
- CMYK
- 77, 0, 32, 51 %
- Luminance
- 0.1530
Dark colour
Preview
Shades
Formats table
| Format | Value |
|---|---|
| HEX | #1C7C54 |
| HEX (short) | — |
| RGB | rgb(28 124 84) |
| RGBA | rgba(28, 124, 84, 1) |
| HSL | hsl(155 63% 30%) |
| HSLA | hsla(155, 63%, 30%, 1) |
| HWB | hwb(155 11% 51%) |
| CMYK | cmyk(77%, 0%, 32%, 51%) |
| CSS variable | --brand: #1C7C54; |
| Swift | UIColor(red: 0.11, green: 0.486, blue: 0.329, alpha: 1) |
| Android | 0xFF1C7C54 |
| Integer | 1866836 |
Harmony table
| Relationship | HEX |
|---|---|
| Complementary | #7C1C44 |
| Triadic 1 | #541C7C |
| Triadic 2 | #7C541C |
| Analogous 1 | #1C747C |
| Analogous 2 | #1C7C24 |
About the Colour Converter
Enter a colour in any supported format (HEX, RGB, HSL, HSV or CMYK) and see it converted to all other formats instantly. A swatch preview shows the exact colour, and complementary/analogous colours are suggested for palette building.
How to use the Colour Converter
- Select the input format.
- Enter or pick the colour value.
- View all format conversions.
- See the preview swatch and palette suggestions.
Frequently asked questions
What is the difference between HSL and HSV?
Both use hue and saturation, but Lightness (HSL) ranges from black to white through full colour at 50%. Value (HSV) ranges from black to full colour — white requires both full value and zero saturation.
When should I use CMYK?
CMYK is for print design. Screen colours use RGB/HEX/HSL. Converting between them is approximate — print colours can look different on screen.
Does this support alpha/transparency?
The converter handles 8-digit HEX (#RRGGBBAA), RGBA and HSLA with alpha channel.