Inicio Paletas de colores 3bit Catgirls: Nish Cyra

3bit Catgirls: Nish Cyra

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

3bit Catgirls: Nish Cyra

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar

Colores terrosos 8 colores Colores fríos Tonos mixtos Armonía complementaria 3bit windfallapples glacier midsaturation

Me gusta 35

Colores 8

Variables CSS

:root {
  --c-earthy-1: #B81939;
  --c-earthy-2: #C3AA69;
  --c-earthy-3: #E4E0AF;
  --c-earthy-4: #E1F6F7;
  --c-earthy-5: #B0D5E3;
  --c-earthy-6: #7A8BB3;
  --c-earthy-7: #5C5478;
  --c-earthy-8: #3D115F;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Coastal Breeze (#E1F6F7), su tono más claro, a Wicked Purple (#3D115F), el más oscuro. Combina Vinho do Porto, Flickering Gold, Modern Zen, Coastal Breeze, Spotted Snake Eel, Ashton Skies, Taylor y Wicked Purple en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #E1F6F7 sobre #3D115F, con 12,97: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

Vinho do Porto #B81939

RGB: rgb(184, 25, 57)
HSL: hsl(348, 76%, 41%)
Luminancia: 0,112

Flickering Gold #C3AA69

RGB: rgb(195, 170, 105)
HSL: hsl(43, 43%, 59%)
Luminancia: 0,414

Modern Zen #E4E0AF

RGB: rgb(228, 224, 175)
HSL: hsl(55, 50%, 79%)
Luminancia: 0,729

Coastal Breeze #E1F6F7

RGB: rgb(225, 246, 247)
HSL: hsl(183, 58%, 93%)
Luminancia: 0,886

Spotted Snake Eel #B0D5E3

RGB: rgb(176, 213, 227)
HSL: hsl(196, 48%, 79%)
Luminancia: 0,624

Ashton Skies #7A8BB3

RGB: rgb(122, 139, 179)
HSL: hsl(222, 27%, 59%)
Luminancia: 0,259

Taylor #5C5478

RGB: rgb(92, 84, 120)
HSL: hsl(253, 18%, 40%)
Luminancia: 0,100

Wicked Purple #3D115F

RGB: rgb(61, 17, 95)
HSL: hsl(274, 70%, 22%)
Luminancia: 0,022

Contraste y accesibilidad

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

Aa #E1F6F7 sobre #3D115F 12,97:1 AAA

Aa #E4E0AF sobre #3D115F 10,79:1 AAA

Aa #B0D5E3 sobre #3D115F 9,33:1 AAA

Aa #C3AA69 sobre #3D115F 6,42:1 AA

Aa #E1F6F7 sobre #5C5478 6,25:1 AA

Aa #B81939 sobre #E1F6F7 5,79:1 AA

Aa #E4E0AF sobre #5C5478 5,20:1 AA

Aa #B81939 sobre #E4E0AF 4,81:1 AA

Aa #B0D5E3 sobre #5C5478 4,50:1 AA

Aa #7A8BB3 sobre #3D115F 4,27:1 AA, texto grande

Aa #B81939 sobre #B0D5E3 4,16:1 AA, texto grande

Aa #C3AA69 sobre #5C5478 3,10:1 AA, texto grande

Aa #E1F6F7 sobre #7A8BB3 3,03:1 AA, texto grande

Aa #B81939 sobre #C3AA69 2,87:1 No aprobado

Aa #E4E0AF sobre #7A8BB3 2,52:1 No aprobado

Aa #B81939 sobre #3D115F 2,24:1 No aprobado

Aa #B0D5E3 sobre #7A8BB3 2,18:1 No aprobado

Aa #5C5478 sobre #3D115F 2,07:1 No aprobado

Aa #7A8BB3 sobre #5C5478 2,06:1 No aprobado

Aa #C3AA69 sobre #E1F6F7 2,02:1 No aprobado

Aa #B81939 sobre #7A8BB3 1,91:1 No aprobado

Aa #C3AA69 sobre #E4E0AF 1,68:1 No aprobado

Aa #C3AA69 sobre #7A8BB3 1,50:1 No aprobado

Aa #C3AA69 sobre #B0D5E3 1,45:1 No aprobado

Aa #E1F6F7 sobre #B0D5E3 1,39:1 No aprobado

Aa #E4E0AF sobre #E1F6F7 1,20:1 No aprobado

Aa #E4E0AF sobre #B0D5E3 1,16:1 No aprobado

Aa #B81939 sobre #5C5478 1,08:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE

4 colores

#F9F7F7 #DBE2EF #3F72AF #112D4E

4 colores

#1B262C #0F4C75 #3282B8 #BBE1FA

4 colores

#08D9D6 #252A34 #FF2E63 #EAEAEA

4 colores

#27374D #526D82 #9DB2BF #DDE6ED

4 colores

#364F6B #3FC1C9 #F5F5F5 #FC5185

4 colores

#E4F9F5 #30E3CA #11999E #40514E

4 colores

#F0F5F9 #C9D6DF #52616B #1E2022

4 colores

3bit Catgirls: Nish Cyra