이름 색상 · #ECE4CE
Summer Sandcastle
Summer Sandcastle은(는) #ECE4CE: rgb(236 228 206), hsl(44 44% 87%), oklch(0.919 0.03 90.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Summer Sandcastle color name →
#ECE4CE
oklch(0.919 0.03 90.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EEE7D3
- F0E9D8
- F2ECDD
- F4EFE2
- F5F1E6
- F7F4EB
- F9F7F0
- FBFAF5
- FDFCFA
셰이드
- CDC6B3
- AFA998
- 928D7F
- 767266
- 5B584E
- 423F38
- 292823
- 13120F
- 030302
톤
- E1DAC6
- D5CFBE
- CAC5B6
- BFBBAE
- B4B1A6
- AAA79F
- 9F9D97
- 95938F
- 8A8A88
색 조화
보색 +180°
- ECE4CE
Summer Sandcastle
- DCE4F9
≈ Lavender Mist
유사색 -30° +30°
- ECE4CE
Summer Sandcastle
- F4E0D1
≈ Muffin Mix
- E1E8D1
≈ White Radish
삼각 배색 +120° +240°
- ECE4CE
Summer Sandcastle
- CEEAF0
≈ Chalky Blue White
- F1DDEE
≈ Divine Dove
분열 보색 +150° +210°
- ECE4CE
Summer Sandcastle
- D3E8F7
≈ Freezing Vapour
- E7E0F6
≈ Lingering Lilac
사각 배색 +90° +180° +270°
- ECE4CE
Summer Sandcastle
- D0EBE5
≈ Spa
- DCE4F9
≈ Lavender Mist
- F7DCE3
≈ Marshmallow Heart
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.55:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}