Color con nombre · #E5D7C4
Sandcastle
Sandcastle es #E5D7C4: rgb(229 215 196), hsl(35 39% 83%), oklch(0.885 0.03 75.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sandcastle color name →
#E5D7C4
oklch(0.885 0.03 75.7)
Conversiones de color
- HEX
- #e5d7c4
- RGB
- rgb(229 215 196)
- HSL
- hsl(35 39% 83%)
- HWB
- hwb(35 77% 10%)
- OKLCH
- oklch(0.885 0.03 75.7)
- OKLab
- oklab(0.885 0.007 0.029)
- CIE Lab
- lab(86.75 2.68 11.24)
- LCH
- lch(86.75 11.55 76.6)
- CMYK
- cmyk(0% 6% 14% 10%)
Tintes · Sombras · Tonos
Tintes
- E8DBCA
- EADFD0
- EDE3D6
- EFE7DB
- F2EBE1
- F5EFE7
- F7F3ED
- FAF7F3
- FCFBF9
Sombras
- C7BBAA
- AA9F91
- 8E8578
- 726B61
- 58524A
- 3F3B35
- 282521
- 12110E
- 030202
Tonos
- DACEBD
- D0C5B6
- C6BCAF
- BBB3A8
- B1ABA1
- A7A29B
- 9D9994
- 93918D
- 8A8887
Armonías de color
Complementario +180°
- E5D7C4
Sandcastle
- CDDBED
≈ Alaskan Skies
Análogo -30° +30°
- E5D7C4
Sandcastle
- EBD4C9
≈ Blushing Coconut
- DBDBC5
≈ I Miss You
Triádico +120° +240°
- E5D7C4
Sandcastle
- C4E0DF
≈ Peek-a-Blue
- E1D4E7
≈ Light Purity
Complementario dividido +150° +210°
- E5D7C4
Sandcastle
- C5DEE8
≈ Breeze in June
- D7D7ED
≈ Sachet Cushion
Tetrádico +90° +180° +270°
- E5D7C4
Sandcastle
- C8E0D5
≈ Ulthuan Grey
- CDDBED
≈ Alaskan Skies
- E9D2DD
≈ Pale Flamingo
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.84:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--sandcastle: #e5d7c4;
--sandcastle-rgb: 229 215 196;
--sandcastle-oklch: oklch(0.885 0.03 75.7);
}
.element {
color: var(--sandcastle);
background-color: hsl(35 39% 83%);
border-color: oklch(0.885 0.03 75.7);
}Tailwind CSS v4
@theme {
--color-sandcastle: #e5d7c4;
--color-sandcastle-50: #faf4ec;
--color-sandcastle-100: #ede7dd;
--color-sandcastle-200: #dbd3c6;
--color-sandcastle-300: #c0b6a7;
--color-sandcastle-400: #a99c8b;
--color-sandcastle-500: #928471;
--color-sandcastle-600: #7b705f;
--color-sandcastle-700: #63594c;
--color-sandcastle-800: #494137;
--color-sandcastle-900: #322d26;
--color-sandcastle-950: #1e1a14;
}SCSS
$sandcastle: #e5d7c4;
$sandcastle-rgb: 229, 215, 196;
$sandcastle-light: mix(#fff, $sandcastle, 20%);
$sandcastle-dark: mix(#000, $sandcastle, 20%);
.element {
color: $sandcastle;
box-shadow: 0 0 0 2px rgba($sandcastle, 0.35);
}