RGB
127, 0, 255
HSL
270°, 100%, 50%
CMYK
50, 100, 0, 0
HSV
270°, 100%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #7F00FF |
color: #7F00FF;
|
| RGB | 127, 0, 255 |
color: rgb(127, 0, 255);
|
| RGB Percentage | 50%, 0%, 100% |
color: rgb(50%, 0%, 100%);
|
| CMYK | 50%, 100%, 0%, 0% | Not supported in CSS |
| HSL | 270°, 100%, 50% |
color: hsl(270, 100%, 50%);
|
| HSV | 270°, 100%, 100% | Not supported in CSS |
| CIE-LAB | 40, 25, -85 |
color: lab(40% 25 -85);
|
| Decimal | 8323327 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.violet {
color: #7F00FF;
}
SCSS
$violet: #7F00FF;
RGB
rgb(127, 0, 255)
Accessibility & Contrast
White background
6.28:1
6.28
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.35:1
3.35
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element