RGB
106, 90, 205
HSL
248°, 53%, 58%
CMYK
48, 56, 0, 20
HSV
248°, 56%, 80%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #6A5ACD |
color: #6A5ACD;
|
| RGB | 106, 90, 205 |
color: rgb(106, 90, 205);
|
| RGB Percentage | 42%, 35%, 80% |
color: rgb(42%, 35%, 80%);
|
| CMYK | 48%, 56%, 0%, 20% | Not supported in CSS |
| HSL | 248°, 53%, 58% |
color: hsl(248, 53%, 58%);
|
| HSV | 248°, 56%, 80% | Not supported in CSS |
| CIE-LAB | 46, 3, -38 |
color: lab(46% 3 -38);
|
| Decimal | 6970061 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.purple-blue {
color: #6A5ACD;
}
SCSS
$purple-blue: #6A5ACD;
RGB
rgb(106, 90, 205)
Accessibility & Contrast
White background
5.31:1
5.31
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.96:1
3.96
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element