Site’s color palette
Relative luminance: Quantification of the intensity of color as seen by the human eye from the linear RGB componants: Y = 0,2116R + 0,7152G + 0,0722B.
Original : selected colors;
rlum 50% : colors computed so their relative luminance is 50%;
-sat 70% : colors computed so their relative luminance is 50%, with their saturation diminished by 70%.
The five variants are computed so their relative luminance is: 16,6 % ; 33,3 % ; 50,0 % ; 66,6 % and 83,3 %.
Palette
original |
469DD5
|
8B42C8
|
B1453A
|
FFD154
|
87FF54
|
|||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
rlum 50% |
2F90CE
|
A56CD4
|
CC6C62
|
AD7F00
|
31A400
|
|||||||||||||||||||||||||
- sat 70% |
6A8392
|
A193AD
|
A48C8A
|
6C6141
|
4A663D
|
SASS
$palette: ( 'curious-blue': ( 'darker': #103045, 'dark': #1F6089, 'mid': #2F90CE, 'light': #73B5DF, 'lighter': #B9DAEF, ), 'amethyst': ( 'darker': #441D64, 'dark': #873BC6, 'mid': #A56CD4, 'light': #C39DE2, 'lighter': #E1CEF1, ), 'carmine': ( 'darker': #53201B, 'dark': #A54036, 'mid': #CC6C62, 'light': #DD9D96, 'lighter': #EECECB, ), 'umber': ( 'darker': #3A2A00, 'dark': #745400, 'mid': #AD7F00, 'light': #E7A900, 'lighter': #FFD45E, ), 'apple': ( 'darker': #103700, 'dark': #216D00, 'mid': #31A400, 'light': #41DA00, 'lighter': #78FF3F, ), );