Cor nomeada · #ECE4CE
Summer Sandcastle
Summer Sandcastle é #ECE4CE: rgb(236 228 206), hsl(44 44% 87%), oklch(0.919 0.03 90.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Summer Sandcastle color name →
#ECE4CE
oklch(0.919 0.03 90.3)
Conversões de cor
- HEX
- #ece4ce
- RGB
- rgb(236 228 206)
- HSL
- hsl(44 44% 87%)
- HWB
- hwb(44 81% 7%)
- OKLCH
- oklch(0.919 0.03 90.3)
- OKLab
- oklab(0.919 0 0.03)
- CIE Lab
- lab(90.79 0.11 11.8)
- LCH
- lch(90.79 11.8 89.5)
- CMYK
- cmyk(0% 3% 13% 7%)
Tons claros · Sombras · Tons
Tons claros
- EEE7D3
- F0E9D8
- F2ECDD
- F4EFE2
- F5F1E6
- F7F4EB
- F9F7F0
- FBFAF5
- FDFCFA
Sombras
- CDC6B3
- AFA998
- 928D7F
- 767266
- 5B584E
- 423F38
- 292823
- 13120F
- 030302
Tons
- E1DAC6
- D5CFBE
- CAC5B6
- BFBBAE
- B4B1A6
- AAA79F
- 9F9D97
- 95938F
- 8A8A88
Harmonias de cor
Complementar +180°
- ECE4CE
Summer Sandcastle
- DCE4F9
≈ Lavender Mist
Análoga -30° +30°
- ECE4CE
Summer Sandcastle
- F4E0D1
≈ Muffin Mix
- E1E8D1
≈ White Radish
Tríade +120° +240°
- ECE4CE
Summer Sandcastle
- CEEAF0
≈ Chalky Blue White
- F1DDEE
≈ Divine Dove
Complementar dividida +150° +210°
- ECE4CE
Summer Sandcastle
- D3E8F7
≈ Freezing Vapour
- E7E0F6
≈ Lingering Lilac
Tétrade +90° +180° +270°
- ECE4CE
Summer Sandcastle
- D0EBE5
≈ Spa
- DCE4F9
≈ Lavender Mist
- F7DCE3
≈ Marshmallow Heart
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.55:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--summer-sandcastle: #ece4ce;
--summer-sandcastle-rgb: 236 228 206;
--summer-sandcastle-oklch: oklch(0.919 0.03 90.3);
}
.element {
color: var(--summer-sandcastle);
background-color: hsl(44 44% 87%);
border-color: oklch(0.919 0.03 90.3);
}Tailwind CSS v4
@theme {
--color-summer-sandcastle: #ece4ce;
--color-summer-sandcastle-50: #f8f5ec;
--color-summer-sandcastle-100: #ebe8dd;
--color-summer-sandcastle-200: #d9d4c6;
--color-summer-sandcastle-300: #bdb7a6;
--color-summer-sandcastle-400: #a59e8a;
--color-summer-sandcastle-500: #8e8670;
--color-summer-sandcastle-600: #78715f;
--color-summer-sandcastle-700: #605a4b;
--color-summer-sandcastle-800: #474237;
--color-summer-sandcastle-900: #312e25;
--color-summer-sandcastle-950: #1d1a14;
}SCSS
$summer-sandcastle: #ece4ce;
$summer-sandcastle-rgb: 236, 228, 206;
$summer-sandcastle-light: mix(#fff, $summer-sandcastle, 20%);
$summer-sandcastle-dark: mix(#000, $summer-sandcastle, 20%);
.element {
color: $summer-sandcastle;
box-shadow: 0 0 0 2px rgba($summer-sandcastle, 0.35);
}