Nazwany kolor · #E5D7C4
Sandcastle
Sandcastle to #E5D7C4: rgb(229 215 196), hsl(35 39% 83%), oklch(0.885 0.03 75.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sandcastle color name →
#E5D7C4
oklch(0.885 0.03 75.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DBCA
- EADFD0
- EDE3D6
- EFE7DB
- F2EBE1
- F5EFE7
- F7F3ED
- FAF7F3
- FCFBF9
Odcienie ciemniejsze
- C7BBAA
- AA9F91
- 8E8578
- 726B61
- 58524A
- 3F3B35
- 282521
- 12110E
- 030202
Tony
- DACEBD
- D0C5B6
- C6BCAF
- BBB3A8
- B1ABA1
- A7A29B
- 9D9994
- 93918D
- 8A8887
Harmonie kolorów
Komplementarna +180°
- E5D7C4
Sandcastle
- CDDBED
≈ Alaskan Skies
Analogowa -30° +30°
- E5D7C4
Sandcastle
- EBD4C9
≈ Blushing Coconut
- DBDBC5
≈ I Miss You
Triada +120° +240°
- E5D7C4
Sandcastle
- C4E0DF
≈ Peek-a-Blue
- E1D4E7
≈ Light Purity
Komplementarna rozszczepiona +150° +210°
- E5D7C4
Sandcastle
- C5DEE8
≈ Breeze in June
- D7D7ED
≈ Sachet Cushion
Tetrada +90° +180° +270°
- E5D7C4
Sandcastle
- C8E0D5
≈ Ulthuan Grey
- CDDBED
≈ Alaskan Skies
- E9D2DD
≈ Pale Flamingo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.84:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}