이름 색상 · #E5D7C4
Sandcastle
Sandcastle은(는) #E5D7C4: rgb(229 215 196), hsl(35 39% 83%), oklch(0.885 0.03 75.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sandcastle color name →
#E5D7C4
oklch(0.885 0.03 75.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E8DBCA
- EADFD0
- EDE3D6
- EFE7DB
- F2EBE1
- F5EFE7
- F7F3ED
- FAF7F3
- FCFBF9
셰이드
- C7BBAA
- AA9F91
- 8E8578
- 726B61
- 58524A
- 3F3B35
- 282521
- 12110E
- 030202
톤
- DACEBD
- D0C5B6
- C6BCAF
- BBB3A8
- B1ABA1
- A7A29B
- 9D9994
- 93918D
- 8A8887
색 조화
보색 +180°
- E5D7C4
Sandcastle
- CDDBED
≈ Alaskan Skies
유사색 -30° +30°
- E5D7C4
Sandcastle
- EBD4C9
≈ Blushing Coconut
- DBDBC5
≈ I Miss You
삼각 배색 +120° +240°
- E5D7C4
Sandcastle
- C4E0DF
≈ Peek-a-Blue
- E1D4E7
≈ Light Purity
분열 보색 +150° +210°
- E5D7C4
Sandcastle
- C5DEE8
≈ Breeze in June
- D7D7ED
≈ Sachet Cushion
사각 배색 +90° +180° +270°
- E5D7C4
Sandcastle
- C8E0D5
≈ Ulthuan Grey
- CDDBED
≈ Alaskan Skies
- E9D2DD
≈ Pale Flamingo
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.84:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
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);
}