Registrarse Registrarse
SOBEACHY8

SOBEACHY8

Paleta de 8 colores · Colores cálidos · Tonos claros · Armonía complementaria

Volver a la biblioteca

SOBEACHY8

Paleta de 8 colores · Colores cálidos · Tonos claros · Armonía complementaria

Editar
Colores terrosos 8 colores Colores cálidos Tonos claros Armonía complementaria pastel light sobeachy
Me gusta 513
Colores 8

Variables CSS

:root {
  --c-earthy-1: #E55388;
  --c-earthy-2: #E57D88;
  --c-earthy-3: #E59F88;
  --c-earthy-4: #E5D988;
  --c-earthy-5: #E3D5CC;
  --c-earthy-6: #BAD5CC;
  --c-earthy-7: #6DD5CC;
  --c-earthy-8: #5AC5CC;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Champagne Rose (#E3D5CC), su tono más claro, a Heather Berry (#E55388), el más oscuro. Combina Heather Berry, True Love, Tonys Pink, Dead Grass, Champagne Rose, Quaver, Hidden Sea Glass y Baharroth Blue en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 28 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

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

Heather Berry #E55388
RGB
rgb(229, 83, 136)
HSL
hsl(338, 74%, 61%)
Luminancia
0,246
True Love #E57D88
RGB
rgb(229, 125, 136)
HSL
hsl(354, 67%, 69%)
Luminancia
0,331
Tonys Pink #E59F88
RGB
rgb(229, 159, 136)
HSL
hsl(15, 64%, 72%)
Luminancia
0,432
Dead Grass #E5D988
RGB
rgb(229, 217, 136)
HSL
hsl(52, 64%, 72%)
Luminancia
0,681
Champagne Rose #E3D5CC
RGB
rgb(227, 213, 204)
HSL
hsl(23, 29%, 85%)
Luminancia
0,683
Quaver #BAD5CC
RGB
rgb(186, 213, 204)
HSL
hsl(160, 24%, 78%)
Luminancia
0,624
Hidden Sea Glass #6DD5CC
RGB
rgb(109, 213, 204)
HSL
hsl(175, 55%, 63%)
Luminancia
0,552
Baharroth Blue #5AC5CC
RGB
rgb(90, 197, 204)
HSL
hsl(184, 53%, 58%)
Luminancia
0,465

Contraste y accesibilidad

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

Aa #E55388 sobre #E5D988 2,47:1 No aprobado
Aa #E55388 sobre #E3D5CC 2,47:1 No aprobado
Aa #E55388 sobre #BAD5CC 2,27:1 No aprobado
Aa #E55388 sobre #6DD5CC 2,03:1 No aprobado
Aa #E57D88 sobre #E5D988 1,92:1 No aprobado
Aa #E57D88 sobre #E3D5CC 1,92:1 No aprobado
Aa #E57D88 sobre #BAD5CC 1,77:1 No aprobado
Aa #E55388 sobre #5AC5CC 1,74:1 No aprobado
Aa #E55388 sobre #E59F88 1,63:1 No aprobado
Aa #E57D88 sobre #6DD5CC 1,58:1 No aprobado
Aa #E59F88 sobre #E3D5CC 1,52:1 No aprobado
Aa #E59F88 sobre #E5D988 1,51:1 No aprobado
Aa #E5D988 sobre #5AC5CC 1,42:1 No aprobado
Aa #E3D5CC sobre #5AC5CC 1,42:1 No aprobado
Aa #E59F88 sobre #BAD5CC 1,40:1 No aprobado
Aa #E57D88 sobre #5AC5CC 1,35:1 No aprobado
Aa #BAD5CC sobre #5AC5CC 1,31:1 No aprobado
Aa #E55388 sobre #E57D88 1,29:1 No aprobado
Aa #E57D88 sobre #E59F88 1,27:1 No aprobado
Aa #E59F88 sobre #6DD5CC 1,25:1 No aprobado
Aa #E3D5CC sobre #6DD5CC 1,22:1 No aprobado
Aa #E5D988 sobre #6DD5CC 1,21:1 No aprobado
Aa #6DD5CC sobre #5AC5CC 1,17:1 No aprobado
Aa #BAD5CC sobre #6DD5CC 1,12:1 No aprobado
Aa #E3D5CC sobre #BAD5CC 1,09:1 No aprobado
Aa #E5D988 sobre #BAD5CC 1,08:1 No aprobado
Aa #E59F88 sobre #5AC5CC 1,07:1 No aprobado
Aa #E5D988 sobre #E3D5CC 1,00:1 No aprobado

Paletas similares

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colores