Colors
paxxo
main (≈705)
#002b5chover (≈750)
#001e4eactive (≈800)
#00103factive.hover (≈850)
#00033120
#f7f8fa50
#ebeff3100
#d8dfe7150
#c5cfdc200
#b2bfd0300
#8da0b9400
#6a82a2500
#48658b600
#264874700
#022c5d800
#001141black
main (≈1000)
#000000hover (≈1000)
#000000active (≈1000)
#000000active.hover (≈1000)
#00000020
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616white
main (≈0)
#ffffffhover (≈50)
#eeeeeeactive (≈100)
#dededeactive.hover (≈150)
#cecece20
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616green
main (≈265)
#75c043hover (≈315)
#66b030active (≈365)
#57a01aactive.hover (≈415)
#47900020
#f5fbf250
#e5f4de100
#cce8bd150
#b2dd9b200
#98d179300
#6bb537400
#4d9601500
#2e7700600
#0a5900700
#003d00800
#002100blue
main (≈305)
#00aae7hover (≈350)
#009ad6active (≈400)
#008ac6active.hover (≈445)
#007bb520
#f3fafe50
#e0f2fc100
#c0e4f9150
#a0d6f5200
#7dc8f1300
#14abe8400
#008cc7500
#006da7600
#004f87700
#003269800
#00154byellow
main (≈190)
#fcaf17hover (≈240)
#eb9f00active (≈290)
#da8f00active.hover (≈340)
#ca7f0020
#fff7ec50
#ffebcf100
#ffd79d150
#fec265200
#f9ac0f300
#d78d00400
#b66e00500
#964f00600
#773200700
#581200800
#3a0000red
main (≈540)
#a21233hover (≈585)
#910026active (≈620)
#800019active.hover (≈660)
#6f000b20
#fdf7f750
#f9eaeb100
#f3d6d6150
#ecc2c3200
#e4aeaf300
#d48589400
#c15d64500
#ab2e41600
#8e0023700
#6c0009800
#4a0000orange
main (≈280)
#f58025hover (≈330)
#e37001active (≈380)
#d26000active.hover (≈430)
#c1500020
#fff6f150
#ffe9dc100
#ffd4b9150
#febd96200
#fca772300
#ee7a1b400
#cc5a00500
#a93a00600
#881600700
#670000800
#460000gray
main (≈35)
#eff4f6hover (≈85)
#dfe3e5active (≈135)
#ced3d5active.hover (≈185)
#bec3c520
#f6f9fa50
#eaeff1100
#dadfe1150
#cacfd0200
#babfc0300
#9b9fa1400
#7d8183500
#606466600
#44484a700
#2b2e30800
#131718primary
main (≈705)
#002b5chover (≈750)
#001e4eactive (≈800)
#00103factive.hover (≈850)
#00033120
#f7f8fa50
#ebeff3100
#d8dfe7150
#c5cfdc200
#b2bfd0300
#8da0b9400
#6a82a2500
#48658b600
#264874700
#022c5d800
#001141alert
main (≈190)
#fcaf17hover (≈240)
#eb9f00active (≈290)
#da8f00active.hover (≈340)
#ca7f0020
#fff7ec50
#ffebcf100
#ffd79d150
#fec265200
#f9ac0f300
#d78d00400
#b66e00500
#964f00600
#773200700
#581200800
#3a0000error
main (≈190)
#fcaf17hover (≈240)
#eb9f00active (≈290)
#da8f00active.hover (≈340)
#ca7f0020
#fff7ec50
#ffebcf100
#ffd79d150
#fec265200
#f9ac0f300
#d78d00400
#b66e00500
#964f00600
#773200700
#581200800
#3a0000warning
main (≈190)
#fcaf17hover (≈240)
#eb9f00active (≈290)
#da8f00active.hover (≈340)
#ca7f0020
#fff7ec50
#ffebcf100
#ffd79d150
#fec265200
#f9ac0f300
#d78d00400
#b66e00500
#964f00600
#773200700
#581200800
#3a0000success
main (≈35)
#eff4f6hover (≈85)
#dfe3e5active (≈135)
#ced3d5active.hover (≈185)
#bec3c520
#f6f9fa50
#eaeff1100
#dadfe1150
#cacfd0200
#babfc0300
#9b9fa1400
#7d8183500
#606466600
#44484a700
#2b2e30800
#131718info
main (≈35)
#eff4f6hover (≈85)
#dfe3e5active (≈135)
#ced3d5active.hover (≈185)
#bec3c520
#f6f9fa50
#eaeff1100
#dadfe1150
#cacfd0200
#babfc0300
#9b9fa1400
#7d8183500
#606466600
#44484a700
#2b2e30800
#131718border
main (≈35)
#eff4f6hover (≈150)
#cacfd0active (≈200)
#babfc0active.hover (≈250)
#aaafb120
#f6f9fa50
#eaeff1100
#dadfe1150
#cacfd0200
#babfc0300
#9b9fa1400
#7d8183500
#606466600
#44484a700
#2b2e30800
#131718Contrasts
paxxo
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 1:1 | Fail | Fail |
black | 1,5:1 | Fail | Fail |
white | 14:1 | Pass | Pass |
green | 6,25:1 | Pass | Pass |
blue | 5,27:1 | Pass | Pass |
yellow | 7,52:1 | Pass | Pass |
red | 1,78:1 | Fail | Fail |
orange | 5,33:1 | Pass | Pass |
gray | 12,63:1 | Pass | Pass |
primary | 1:1 | Fail | Fail |
alert | 7,52:1 | Pass | Pass |
error | 7,52:1 | Pass | Pass |
warning | 7,52:1 | Pass | Pass |
success | 12,63:1 | Pass | Pass |
info | 12,63:1 | Pass | Pass |
border | 10,41:1 | Pass | Pass |
black
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 1,5:1 | Fail | Fail |
black | 1:1 | Fail | Fail |
white | 21:1 | Pass | Pass |
green | 9,38:1 | Pass | Pass |
blue | 7,9:1 | Pass | Pass |
yellow | 11,28:1 | Pass | Pass |
red | 2,67:1 | Fail | Fail |
orange | 8:1 | Pass | Pass |
gray | 18,94:1 | Pass | Pass |
primary | 1,5:1 | Fail | Fail |
alert | 11,28:1 | Pass | Pass |
error | 11,28:1 | Pass | Pass |
warning | 11,28:1 | Pass | Pass |
success | 18,94:1 | Pass | Pass |
info | 18,94:1 | Pass | Pass |
border | 15,62:1 | Pass | Pass |
white
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 14:1 | Pass | Pass |
black | 21:1 | Pass | Pass |
white | 1:1 | Fail | Fail |
green | 2,24:1 | Fail | Fail |
blue | 2,66:1 | Fail | Fail |
yellow | 1,86:1 | Fail | Fail |
red | 7,86:1 | Pass | Pass |
orange | 2,63:1 | Fail | Fail |
gray | 1,11:1 | Fail | Fail |
primary | 14:1 | Pass | Pass |
alert | 1,86:1 | Fail | Fail |
error | 1,86:1 | Fail | Fail |
warning | 1,86:1 | Fail | Fail |
success | 1,11:1 | Fail | Fail |
info | 1,11:1 | Fail | Fail |
border | 1,34:1 | Fail | Fail |
green
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 6,25:1 | Pass | Pass |
black | 9,38:1 | Pass | Pass |
white | 2,24:1 | Fail | Fail |
green | 1:1 | Fail | Fail |
blue | 1,19:1 | Fail | Fail |
yellow | 1,2:1 | Fail | Fail |
red | 3,51:1 | Fail | Pass |
orange | 1,17:1 | Fail | Fail |
gray | 2,02:1 | Fail | Fail |
primary | 6,25:1 | Pass | Pass |
alert | 1,2:1 | Fail | Fail |
error | 1,2:1 | Fail | Fail |
warning | 1,2:1 | Fail | Fail |
success | 2,02:1 | Fail | Fail |
info | 2,02:1 | Fail | Fail |
border | 1,67:1 | Fail | Fail |
blue
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 5,27:1 | Pass | Pass |
black | 7,9:1 | Pass | Pass |
white | 2,66:1 | Fail | Fail |
green | 1,19:1 | Fail | Fail |
blue | 1:1 | Fail | Fail |
yellow | 1,43:1 | Fail | Fail |
red | 2,96:1 | Fail | Fail |
orange | 1,01:1 | Fail | Fail |
gray | 2,4:1 | Fail | Fail |
primary | 5,27:1 | Pass | Pass |
alert | 1,43:1 | Fail | Fail |
error | 1,43:1 | Fail | Fail |
warning | 1,43:1 | Fail | Fail |
success | 2,4:1 | Fail | Fail |
info | 2,4:1 | Fail | Fail |
border | 1,98:1 | Fail | Fail |
yellow
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 7,52:1 | Pass | Pass |
black | 11,28:1 | Pass | Pass |
white | 1,86:1 | Fail | Fail |
green | 1,2:1 | Fail | Fail |
blue | 1,43:1 | Fail | Fail |
yellow | 1:1 | Fail | Fail |
red | 4,23:1 | Fail | Pass |
orange | 1,41:1 | Fail | Fail |
gray | 1,68:1 | Fail | Fail |
primary | 7,52:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 1,68:1 | Fail | Fail |
info | 1,68:1 | Fail | Fail |
border | 1,38:1 | Fail | Fail |
red
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 1,78:1 | Fail | Fail |
black | 2,67:1 | Fail | Fail |
white | 7,86:1 | Pass | Pass |
green | 3,51:1 | Fail | Pass |
blue | 2,96:1 | Fail | Fail |
yellow | 4,23:1 | Fail | Pass |
red | 1:1 | Fail | Fail |
orange | 2,99:1 | Fail | Fail |
gray | 7,09:1 | Pass | Pass |
primary | 1,78:1 | Fail | Fail |
alert | 4,23:1 | Fail | Pass |
error | 4,23:1 | Fail | Pass |
warning | 4,23:1 | Fail | Pass |
success | 7,09:1 | Pass | Pass |
info | 7,09:1 | Pass | Pass |
border | 5,85:1 | Pass | Pass |
orange
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 5,33:1 | Pass | Pass |
black | 8:1 | Pass | Pass |
white | 2,63:1 | Fail | Fail |
green | 1,17:1 | Fail | Fail |
blue | 1,01:1 | Fail | Fail |
yellow | 1,41:1 | Fail | Fail |
red | 2,99:1 | Fail | Fail |
orange | 1:1 | Fail | Fail |
gray | 2,37:1 | Fail | Fail |
primary | 5,33:1 | Pass | Pass |
alert | 1,41:1 | Fail | Fail |
error | 1,41:1 | Fail | Fail |
warning | 1,41:1 | Fail | Fail |
success | 2,37:1 | Fail | Fail |
info | 2,37:1 | Fail | Fail |
border | 1,95:1 | Fail | Fail |
gray
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 12,63:1 | Pass | Pass |
black | 18,94:1 | Pass | Pass |
white | 1,11:1 | Fail | Fail |
green | 2,02:1 | Fail | Fail |
blue | 2,4:1 | Fail | Fail |
yellow | 1,68:1 | Fail | Fail |
red | 7,09:1 | Pass | Pass |
orange | 2,37:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 12,63:1 | Pass | Pass |
alert | 1,68:1 | Fail | Fail |
error | 1,68:1 | Fail | Fail |
warning | 1,68:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,21:1 | Fail | Fail |
primary
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 1:1 | Fail | Fail |
black | 1,5:1 | Fail | Fail |
white | 14:1 | Pass | Pass |
green | 6,25:1 | Pass | Pass |
blue | 5,27:1 | Pass | Pass |
yellow | 7,52:1 | Pass | Pass |
red | 1,78:1 | Fail | Fail |
orange | 5,33:1 | Pass | Pass |
gray | 12,63:1 | Pass | Pass |
primary | 1:1 | Fail | Fail |
alert | 7,52:1 | Pass | Pass |
error | 7,52:1 | Pass | Pass |
warning | 7,52:1 | Pass | Pass |
success | 12,63:1 | Pass | Pass |
info | 12,63:1 | Pass | Pass |
border | 10,41:1 | Pass | Pass |
alert
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 7,52:1 | Pass | Pass |
black | 11,28:1 | Pass | Pass |
white | 1,86:1 | Fail | Fail |
green | 1,2:1 | Fail | Fail |
blue | 1,43:1 | Fail | Fail |
yellow | 1:1 | Fail | Fail |
red | 4,23:1 | Fail | Pass |
orange | 1,41:1 | Fail | Fail |
gray | 1,68:1 | Fail | Fail |
primary | 7,52:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 1,68:1 | Fail | Fail |
info | 1,68:1 | Fail | Fail |
border | 1,38:1 | Fail | Fail |
error
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 7,52:1 | Pass | Pass |
black | 11,28:1 | Pass | Pass |
white | 1,86:1 | Fail | Fail |
green | 1,2:1 | Fail | Fail |
blue | 1,43:1 | Fail | Fail |
yellow | 1:1 | Fail | Fail |
red | 4,23:1 | Fail | Pass |
orange | 1,41:1 | Fail | Fail |
gray | 1,68:1 | Fail | Fail |
primary | 7,52:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 1,68:1 | Fail | Fail |
info | 1,68:1 | Fail | Fail |
border | 1,38:1 | Fail | Fail |
warning
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 7,52:1 | Pass | Pass |
black | 11,28:1 | Pass | Pass |
white | 1,86:1 | Fail | Fail |
green | 1,2:1 | Fail | Fail |
blue | 1,43:1 | Fail | Fail |
yellow | 1:1 | Fail | Fail |
red | 4,23:1 | Fail | Pass |
orange | 1,41:1 | Fail | Fail |
gray | 1,68:1 | Fail | Fail |
primary | 7,52:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 1,68:1 | Fail | Fail |
info | 1,68:1 | Fail | Fail |
border | 1,38:1 | Fail | Fail |
success
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 12,63:1 | Pass | Pass |
black | 18,94:1 | Pass | Pass |
white | 1,11:1 | Fail | Fail |
green | 2,02:1 | Fail | Fail |
blue | 2,4:1 | Fail | Fail |
yellow | 1,68:1 | Fail | Fail |
red | 7,09:1 | Pass | Pass |
orange | 2,37:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 12,63:1 | Pass | Pass |
alert | 1,68:1 | Fail | Fail |
error | 1,68:1 | Fail | Fail |
warning | 1,68:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,21:1 | Fail | Fail |
info
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 12,63:1 | Pass | Pass |
black | 18,94:1 | Pass | Pass |
white | 1,11:1 | Fail | Fail |
green | 2,02:1 | Fail | Fail |
blue | 2,4:1 | Fail | Fail |
yellow | 1,68:1 | Fail | Fail |
red | 7,09:1 | Pass | Pass |
orange | 2,37:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 12,63:1 | Pass | Pass |
alert | 1,68:1 | Fail | Fail |
error | 1,68:1 | Fail | Fail |
warning | 1,68:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,21:1 | Fail | Fail |
border
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
paxxo | 10,41:1 | Pass | Pass |
black | 15,62:1 | Pass | Pass |
white | 1,34:1 | Fail | Fail |
green | 1,67:1 | Fail | Fail |
blue | 1,98:1 | Fail | Fail |
yellow | 1,38:1 | Fail | Fail |
red | 5,85:1 | Pass | Pass |
orange | 1,95:1 | Fail | Fail |
gray | 1,21:1 | Fail | Fail |
primary | 10,41:1 | Pass | Pass |
alert | 1,38:1 | Fail | Fail |
error | 1,38:1 | Fail | Fail |
warning | 1,38:1 | Fail | Fail |
success | 1,21:1 | Fail | Fail |
info | 1,21:1 | Fail | Fail |
border | 1:1 | Fail | Fail |