Inicio Paletas de colores Almost Like A Rainbow

Almost Like A Rainbow

Paleta de 10 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Almost Like A Rainbow

Paleta de 10 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar

Colores terrosos 10 colores Colores fríos Tonos oscuros Armonía complementaria ramp rainbow colorfull

Me gusta 17

Colores 10

Variables CSS

:root {
  --c-earthy-1: #1F0000;
  --c-earthy-2: #30091E;
  --c-earthy-3: #451948;
  --c-earthy-4: #4A2860;
  --c-earthy-5: #384F77;
  --c-earthy-6: #47878F;
  --c-earthy-7: #57A79A;
  --c-earthy-8: #66BF70;
  --c-earthy-9: #ADD778;
  --c-earthy-10: #EFEF90;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Jonquil (#EFEF90), su tono más claro, a Ponzu Brown (#1F0000), el más oscuro. Combina Ponzu Brown, Vienna Roast, Velvet Cosmos, Acai, Noble Knight, Flounce, Paradise Island, Bermudagrass, Wasabi y Jonquil en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1F0000 sobre #EFEF90, con 16,46: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

Ponzu Brown #1F0000

RGB: rgb(31, 0, 0)
HSL: hsl(0, 100%, 6%)
Luminancia: 0,003

Vienna Roast #30091E

RGB: rgb(48, 9, 30)
HSL: hsl(328, 68%, 11%)
Luminancia: 0,009

Velvet Cosmos #451948

RGB: rgb(69, 25, 72)
HSL: hsl(296, 48%, 19%)
Luminancia: 0,024

Acai #4A2860

RGB: rgb(74, 40, 96)
HSL: hsl(276, 41%, 27%)
Luminancia: 0,038

Noble Knight #384F77

RGB: rgb(56, 79, 119)
HSL: hsl(218, 36%, 34%)
Luminancia: 0,078

Flounce #47878F

RGB: rgb(71, 135, 143)
HSL: hsl(187, 34%, 42%)
Luminancia: 0,207

Paradise Island #57A79A

RGB: rgb(87, 167, 154)
HSL: hsl(170, 31%, 50%)
Luminancia: 0,320

Bermudagrass #66BF70

RGB: rgb(102, 191, 112)
HSL: hsl(127, 41%, 57%)
Luminancia: 0,413

Wasabi #ADD778

RGB: rgb(173, 215, 120)
HSL: hsl(87, 54%, 66%)
Luminancia: 0,588

Jonquil #EFEF90

RGB: rgb(239, 239, 144)
HSL: hsl(60, 75%, 75%)
Luminancia: 0,821

Contraste y accesibilidad

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

Aa #1F0000 sobre #EFEF90 16,46:1 AAA

Aa #30091E sobre #EFEF90 14,72:1 AAA

Aa #1F0000 sobre #ADD778 12,07:1 AAA

Aa #451948 sobre #EFEF90 11,72:1 AAA

Aa #30091E sobre #ADD778 10,79:1 AAA

Aa #4A2860 sobre #EFEF90 9,88:1 AAA

Aa #1F0000 sobre #66BF70 8,74:1 AAA

Aa #451948 sobre #ADD778 8,59:1 AAA

Aa #30091E sobre #66BF70 7,82:1 AAA

Aa #4A2860 sobre #ADD778 7,24:1 AAA

Aa #1F0000 sobre #57A79A 6,99:1 AA

Aa #384F77 sobre #EFEF90 6,82:1 AA

Aa #30091E sobre #57A79A 6,25:1 AA

Aa #451948 sobre #66BF70 6,23:1 AA

Aa #4A2860 sobre #66BF70 5,25:1 AA

Aa #384F77 sobre #ADD778 5,00:1 AA

Aa #451948 sobre #57A79A 4,98:1 AA

Aa #1F0000 sobre #47878F 4,85:1 AA

Aa #30091E sobre #47878F 4,33:1 AA, texto grande

Aa #4A2860 sobre #57A79A 4,20:1 AA, texto grande

Aa #384F77 sobre #66BF70 3,62:1 AA, texto grande

Aa #451948 sobre #47878F 3,45:1 AA, texto grande

Aa #47878F sobre #EFEF90 3,40:1 AA, texto grande

Aa #4A2860 sobre #47878F 2,91:1 No aprobado

Aa #384F77 sobre #57A79A 2,90:1 No aprobado

Aa #47878F sobre #ADD778 2,49:1 No aprobado

Aa #1F0000 sobre #384F77 2,41:1 No aprobado

Aa #57A79A sobre #EFEF90 2,35:1 No aprobado

Aa #30091E sobre #384F77 2,16:1 No aprobado

Aa #384F77 sobre #47878F 2,01:1 No aprobado

Aa #66BF70 sobre #EFEF90 1,88:1 No aprobado

Aa #47878F sobre #66BF70 1,80:1 No aprobado

Aa #57A79A sobre #ADD778 1,73:1 No aprobado

Aa #451948 sobre #384F77 1,72:1 No aprobado

Aa #1F0000 sobre #4A2860 1,67:1 No aprobado

Aa #30091E sobre #4A2860 1,49:1 No aprobado

Aa #4A2860 sobre #384F77 1,45:1 No aprobado

Aa #47878F sobre #57A79A 1,44:1 No aprobado

Aa #1F0000 sobre #451948 1,40:1 No aprobado

Aa #66BF70 sobre #ADD778 1,38:1 No aprobado

Aa #ADD778 sobre #EFEF90 1,36:1 No aprobado

Aa #30091E sobre #451948 1,26:1 No aprobado

Aa #57A79A sobre #66BF70 1,25:1 No aprobado

Aa #451948 sobre #4A2860 1,19:1 No aprobado

Aa #1F0000 sobre #30091E 1,12:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC

4 colores

#0A2647 #144272 #205295 #2C74B3

4 colores

#040D12 #183D3D #5C8374 #93B1A6

4 colores

#142850 #27496D #0C7B93 #00A8CC

4 colores

#635985 #443C68 #393053 #18122B

4 colores

#000000 #150050 #3F0071 #610094

4 colores

#151515 #301B3F #3C415C #B4A5A5

4 colores

#041C32 #04293A #064663 #ECB365

4 colores

Almost Like A Rainbow