Logotype & Visual
Primary
HEX: #FEDD00
RGB: 254, 222, 0
HSL: 52, 100, 50
60%
HEX: #FFE433
RGB: 255, 228, 51
HSL: 52, 100, 60
40%
HEX: #FFEB66
RGB: 255, 235, 100
HSL: 52, 100, 60
20%
HEX: #FFF199
RGB: 255, 241, 153
HSL: 52, 100, 80
10%
HEX: #FFF8CC
RGB: 255, 248, 204
HSL: 52, 100, 90
Primary
HEX: #FEDD00
RGB: 254, 222, 0
HSL: 52, 100, 50
60%
HEX: #FFE433
RGB: 255, 228, 51
HSL: 52, 100, 60
40%
HEX: #FFEB66
RGB: 255, 235, 100
HSL: 52, 100, 60
20%
HEX: #FFF199
RGB: 255, 241, 153
HSL: 52, 100, 80
10%
HEX: #FFF8CC
RGB: 255, 248, 204
HSL: 52, 100, 90
Secondary
HEX: #FF5E00
RGB: 255, 94, 0
HSL: 22, 100, 50
60%
HEX: #FF7E33
RGB: 255, 126, 51
HSL: 22, 100, 60
40%
HEX: #FF9E66
RGB: 255, 158, 102
HSL: 22, 100, 80
20%
HEX: #FFBE99
RGB: 255, 190, 153
HSL: 52, 100, 80
10%
HEX: #FFDFCC
RGB: 255, 223, 204
HSL: 52, 100, 90
Secondary
HEX: #FF5E00
RGB: 255, 94, 0
HSL: 22, 100, 50
60%
HEX: #FF7E33
RGB: 255, 126, 51
HSL: 22, 100, 60
40%
HEX: #FF9E66
RGB: 255, 158, 102
HSL: 22, 100, 80
20%
HEX: #FFBE99
RGB: 255, 190, 153
HSL: 52, 100, 80
10%
HEX: #FFDFCC
RGB: 255, 223, 204
HSL: 52, 100, 90
Shades
HEX: #FFFFFF
RGB: 255, 255, 255
HSL: 0, 0, 100
25%
HEX: #D9D9D9
RGB: 217, 217, 217
HSL: 0, 0, 85
50%
HEX: #999999
RGB: 153, 153, 153
HSL: 0, 0, 60
75%
HEX: #666666
RGB: 102, 102, 102
HSL: 0, 0, 40
85%
HEX: #333333
RGB: 51, 51, 51
HSL: 0, 0, 20
Black
HEX: #000000
RGB: 0, 0, 0
HSL: 0, 0, 0
Shades
HEX: #FFFFFF
RGB: 255, 255, 255
HSL: 0, 0, 100
25%
HEX: #D9D9D9
RGB: 217, 217, 217
HSL: 0, 0, 85
50%
HEX: #999999
RGB: 153, 153, 153
HSL: 0, 0, 60
75%
HEX: #666666
RGB: 102, 102, 102
HSL: 0, 0, 40
85%
HEX: #333333
RGB: 51, 51, 51
HSL: 0, 0, 20
Black
HEX: #000000
RGB: 0, 0, 0
HSL: 0, 0, 0
