Registrarse Registrarse
Num_02

Num_02

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

Num_02

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía análoga two 2 number num
Me gusta 68
Colores 12

Variables CSS

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #B1B1B1;
  --c-earthy-3: #575757;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #666600;
  --c-earthy-6: #CACA00;
  --c-earthy-7: #99004C;
  --c-earthy-8: #FF6BB5;
  --c-earthy-9: #00753A;
  --c-earthy-10: #00E572;
  --c-earthy-11: #0000A5;
  --c-earthy-12: #8989FF;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Palladium, Shadow Mountain, White, Earthy Khaki Green, Golden Foil, Celestial Pink, Fěn Hóng Pink, Dartmouth Green, Benzol Green, Bohemian Blue y Lavender Blue Shadow en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FFFFFF, con 21:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Palladium #B1B1B1
RGB
rgb(177, 177, 177)
HSL
hsl(0, 0%, 69%)
Luminancia
0,440
Shadow Mountain #575757
RGB
rgb(87, 87, 87)
HSL
hsl(0, 0%, 34%)
Luminancia
0,095
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminancia
1,000
Earthy Khaki Green #666600
RGB
rgb(102, 102, 0)
HSL
hsl(60, 100%, 20%)
Luminancia
0,123
Golden Foil #CACA00
RGB
rgb(202, 202, 0)
HSL
hsl(60, 100%, 40%)
Luminancia
0,548
Celestial Pink #99004C
RGB
rgb(153, 0, 76)
HSL
hsl(330, 100%, 30%)
Luminancia
0,073
Fěn Hóng Pink #FF6BB5
RGB
rgb(255, 107, 181)
HSL
hsl(330, 100%, 71%)
Luminancia
0,351
Dartmouth Green #00753A
RGB
rgb(0, 117, 58)
HSL
hsl(150, 100%, 23%)
Luminancia
0,130
Benzol Green #00E572
RGB
rgb(0, 229, 114)
HSL
hsl(150, 100%, 45%)
Luminancia
0,573
Bohemian Blue #0000A5
RGB
rgb(0, 0, 165)
HSL
hsl(240, 100%, 32%)
Luminancia
0,027
Lavender Blue Shadow #8989FF
RGB
rgb(137, 137, 255)
HSL
hsl(240, 100%, 77%)
Luminancia
0,304

Contraste y accesibilidad

Combinaciones de colores en la paleta: 66. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #000000 sobre #FFFFFF 21,00:1 AAA
Aa #FFFFFF sobre #0000A5 13,61:1 AAA
Aa #000000 sobre #00E572 12,45:1 AAA
Aa #000000 sobre #CACA00 11,96:1 AAA
Aa #000000 sobre #B1B1B1 9,79:1 AAA
Aa #FFFFFF sobre #99004C 8,54:1 AAA
Aa #00E572 sobre #0000A5 8,07:1 AAA
Aa #000000 sobre #FF6BB5 8,02:1 AAA
Aa #CACA00 sobre #0000A5 7,75:1 AAA
Aa #575757 sobre #FFFFFF 7,23:1 AAA
Aa #000000 sobre #8989FF 7,09:1 AAA
Aa #B1B1B1 sobre #0000A5 6,35:1 AA
Aa #FFFFFF sobre #666600 6,06:1 AA
Aa #FFFFFF sobre #00753A 5,82:1 AA
Aa #FF6BB5 sobre #0000A5 5,20:1 AA
Aa #99004C sobre #00E572 5,06:1 AA
Aa #CACA00 sobre #99004C 4,86:1 AA
Aa #0000A5 sobre #8989FF 4,59:1 AA
Aa #575757 sobre #00E572 4,28:1 AA, texto grande
Aa #575757 sobre #CACA00 4,12:1 AA, texto grande
Aa #B1B1B1 sobre #99004C 3,98:1 AA, texto grande
Aa #000000 sobre #00753A 3,61:1 AA, texto grande
Aa #666600 sobre #00E572 3,59:1 AA, texto grande
Aa #000000 sobre #666600 3,47:1 AA, texto grande
Aa #666600 sobre #CACA00 3,45:1 AA, texto grande
Aa #00753A sobre #00E572 3,45:1 AA, texto grande
Aa #B1B1B1 sobre #575757 3,37:1 AA, texto grande
Aa #CACA00 sobre #00753A 3,32:1 AA, texto grande
Aa #99004C sobre #FF6BB5 3,26:1 AA, texto grande
Aa #FFFFFF sobre #8989FF 2,96:1 No aprobado
Aa #000000 sobre #575757 2,91:1 No aprobado
Aa #99004C sobre #8989FF 2,88:1 No aprobado
Aa #B1B1B1 sobre #666600 2,83:1 No aprobado
Aa #575757 sobre #FF6BB5 2,76:1 No aprobado
Aa #B1B1B1 sobre #00753A 2,72:1 No aprobado
Aa #FFFFFF sobre #FF6BB5 2,62:1 No aprobado
Aa #000000 sobre #99004C 2,46:1 No aprobado
Aa #575757 sobre #8989FF 2,44:1 No aprobado
Aa #00753A sobre #0000A5 2,34:1 No aprobado
Aa #666600 sobre #FF6BB5 2,31:1 No aprobado
Aa #666600 sobre #0000A5 2,25:1 No aprobado
Aa #FF6BB5 sobre #00753A 2,22:1 No aprobado
Aa #B1B1B1 sobre #FFFFFF 2,14:1 No aprobado
Aa #666600 sobre #8989FF 2,04:1 No aprobado
Aa #00753A sobre #8989FF 1,97:1 No aprobado
Aa #575757 sobre #0000A5 1,88:1 No aprobado
Aa #FFFFFF sobre #CACA00 1,76:1 No aprobado
Aa #00E572 sobre #8989FF 1,76:1 No aprobado
Aa #FFFFFF sobre #00E572 1,69:1 No aprobado
Aa #CACA00 sobre #8989FF 1,69:1 No aprobado
Aa #99004C sobre #0000A5 1,59:1 No aprobado
Aa #FF6BB5 sobre #00E572 1,55:1 No aprobado
Aa #000000 sobre #0000A5 1,54:1 No aprobado
Aa #CACA00 sobre #FF6BB5 1,49:1 No aprobado
Aa #99004C sobre #00753A 1,47:1 No aprobado
Aa #666600 sobre #99004C 1,41:1 No aprobado
Aa #B1B1B1 sobre #8989FF 1,38:1 No aprobado
Aa #B1B1B1 sobre #00E572 1,27:1 No aprobado
Aa #575757 sobre #00753A 1,24:1 No aprobado
Aa #B1B1B1 sobre #CACA00 1,22:1 No aprobado
Aa #B1B1B1 sobre #FF6BB5 1,22:1 No aprobado
Aa #575757 sobre #666600 1,19:1 No aprobado
Aa #575757 sobre #99004C 1,18:1 No aprobado
Aa #FF6BB5 sobre #8989FF 1,13:1 No aprobado
Aa #666600 sobre #00753A 1,04:1 No aprobado
Aa #CACA00 sobre #00E572 1,04:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores