Creado en 07/03/2020 15:53
1
Bootstrap 5 colors
Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
La paleta consta de semioscuro, Luz colores. Colores de acento Primary #0d6efd y Warning #ffc107. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta Bootstrap 5 colors tiene una combinación de colores de códigos de 8:
HEX: #0d6efd, RGB: (13, 110, 253); HEX: #6c757d, RGB: (108, 117, 125); HEX: #28a745, RGB: (40, 167, 69)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #ffc107, RGB: (255, 193, 7); HEX: #17a2b8, RGB: (23, 162, 184)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64)
Versión simplificada de la paleta de colores
Matiz de royalblue, Matiz de slategrey, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de whitesmoke, Matiz de darkslategrey
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Bootstrap 5 colors códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#0d6efd | RGB(13, 110, 253) | Primary | — | |
#6c757d | RGB(108, 117, 125) | Secondary | Pompeii Ash | |
#28a745 | RGB(40, 167, 69) | Success | — | |
#dc3545 | RGB(220, 53, 69) | Danger | — | |
#ffc107 | RGB(255, 193, 7) | Warning | — | |
#17a2b8 | RGB(23, 162, 184) | Info | — | |
#f8f9fa | RGB(248, 249, 250) | Light | — | |
#343a40 | RGB(52, 58, 64) | Dark | — |
Contraste de la paleta de colores
13 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto | Color de fondo | Relación de contraste |
#0d6efd | #6c757d | 1.04 |
#0d6efd | #28a745 | 1.43 |
#0d6efd | #dc3545 | 1 |
#0d6efd | #17a2b8 | 1.47 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |