Root Brew
#2D0E03
If It Ain't Baroque, Don't Fix It
Paleta de 10 colores · Colores cálidos · Tonos oscuros · Armonía análoga
Me gusta
142
Colores
10
Variables CSS
:root {
--c-muted-1: #2D0E03;
--c-muted-2: #860210;
--c-muted-3: #7F3A28;
--c-muted-4: #A54E14;
--c-muted-5: #4A3F0C;
--c-muted-6: #6C5F17;
--c-muted-7: #8A8E55;
--c-muted-8: #8B805D;
--c-muted-9: #BB9E7F;
--c-muted-10: #EBEAB2;
}Sobre esta paleta
Esta paleta de 10 colores apagados va de Steamy Dumpling (#EBEAB2), su tono más claro, a Root Brew (#2D0E03), el más oscuro. Combina Root Brew, Red Devil, Roycroft Copper Red, Brandy Bear, Alligator Gladiator, Greenish Brown, Crocodile Smile, Canyon Verde, Carton y Steamy Dumpling en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #2D0E03 sobre #EBEAB2, con 14,41:1.
Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.
Desglose de colores
Red Devil
#860210
Roycroft Copper Red
#7F3A28
Brandy Bear
#A54E14
Alligator Gladiator
#4A3F0C
Greenish Brown
#6C5F17
Crocodile Smile
#8A8E55
Canyon Verde
#8B805D
Carton
#BB9E7F
Steamy Dumpling
#EBEAB2
Contraste y accesibilidad
Combinaciones de colores en la paleta: 45. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.
Aa
#2D0E03 sobre #EBEAB2
14,41:1
AAA
Aa
#4A3F0C sobre #EBEAB2
8,44:1
AAA
Aa
#860210 sobre #EBEAB2
8,35:1
AAA
Aa
#2D0E03 sobre #BB9E7F
7,07:1
AAA
Aa
#7F3A28 sobre #EBEAB2
6,68:1
AA
Aa
#2D0E03 sobre #8A8E55
5,17:1
AA
Aa
#6C5F17 sobre #EBEAB2
5,16:1
AA
Aa
#A54E14 sobre #EBEAB2
4,58:1
AA
Aa
#2D0E03 sobre #8B805D
4,54:1
AA
Aa
#4A3F0C sobre #BB9E7F
4,14:1
AA, texto grande
Aa
#860210 sobre #BB9E7F
4,09:1
AA, texto grande
Aa
#7F3A28 sobre #BB9E7F
3,27:1
AA, texto grande
Aa
#8B805D sobre #EBEAB2
3,17:1
AA, texto grande
Aa
#2D0E03 sobre #A54E14
3,15:1
AA, texto grande
Aa
#4A3F0C sobre #8A8E55
3,03:1
AA, texto grande
Aa
#860210 sobre #8A8E55
3,00:1
AA, texto grande
Aa
#2D0E03 sobre #6C5F17
2,80:1
No aprobado
Aa
#8A8E55 sobre #EBEAB2
2,79:1
No aprobado
Aa
#4A3F0C sobre #8B805D
2,66:1
No aprobado
Aa
#860210 sobre #8B805D
2,63:1
No aprobado
Aa
#6C5F17 sobre #BB9E7F
2,53:1
No aprobado
Aa
#7F3A28 sobre #8A8E55
2,40:1
No aprobado
Aa
#A54E14 sobre #BB9E7F
2,25:1
No aprobado
Aa
#2D0E03 sobre #7F3A28
2,16:1
No aprobado
Aa
#7F3A28 sobre #8B805D
2,11:1
No aprobado
Aa
#BB9E7F sobre #EBEAB2
2,04:1
No aprobado
Aa
#6C5F17 sobre #8A8E55
1,85:1
No aprobado
Aa
#A54E14 sobre #4A3F0C
1,84:1
No aprobado
Aa
#860210 sobre #A54E14
1,82:1
No aprobado
Aa
#2D0E03 sobre #860210
1,73:1
No aprobado
Aa
#2D0E03 sobre #4A3F0C
1,71:1
No aprobado
Aa
#A54E14 sobre #8A8E55
1,64:1
No aprobado
Aa
#4A3F0C sobre #6C5F17
1,64:1
No aprobado
Aa
#6C5F17 sobre #8B805D
1,63:1
No aprobado
Aa
#860210 sobre #6C5F17
1,62:1
No aprobado
Aa
#8B805D sobre #BB9E7F
1,56:1
No aprobado
Aa
#7F3A28 sobre #A54E14
1,46:1
No aprobado
Aa
#A54E14 sobre #8B805D
1,44:1
No aprobado
Aa
#8A8E55 sobre #BB9E7F
1,37:1
No aprobado
Aa
#7F3A28 sobre #6C5F17
1,29:1
No aprobado
Aa
#7F3A28 sobre #4A3F0C
1,26:1
No aprobado
Aa
#860210 sobre #7F3A28
1,25:1
No aprobado
Aa
#8A8E55 sobre #8B805D
1,14:1
No aprobado
Aa
#A54E14 sobre #6C5F17
1,13:1
No aprobado
Aa
#860210 sobre #4A3F0C
1,01:1
No aprobado
Paletas similares
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79