이름 색상 · #EBDECC
Skeleton
Skeleton은(는) #EBDECC: rgb(235 222 204), hsl(35 44% 86%), oklch(0.906 0.028 76.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Skeleton color name →
#EBDECC
oklch(0.906 0.028 76.2)
색상 변환
- HEX
- #ebdecc
- RGB
- rgb(235 222 204)
- HSL
- hsl(35 44% 86%)
- HWB
- hwb(35 80% 8%)
- OKLCH
- oklch(0.906 0.028 76.2)
- OKLab
- oklab(0.906 0.007 0.027)
- CIE Lab
- lab(89.16 2.41 10.54)
- LCH
- lch(89.16 10.81 77.1)
- CMYK
- cmyk(0% 6% 13% 8%)
틴트 · 셰이드 · 톤
틴트
- EDE1D1
- EFE5D6
- F1E8DB
- F3EBE0
- F5EEE5
- F7F2EA
- F9F5F0
- FBF8F5
- FDFCFA
셰이드
- CCC1B1
- AEA597
- 91897E
- 756F65
- 5B554E
- 413D37
- 292622
- 13120F
- 030202
톤
- E0D4C4
- D5CABC
- CAC1B5
- BFB7AD
- B4AEA5
- A9A49E
- 9F9B96
- 94928F
- 8A8987
색 조화
보색 +180°
- EBDECC
Skeleton
- D4E1F3
≈ Weathered Blue
유사색 -30° +30°
- EBDECC
Skeleton
- F1DBD1
≈ Pinkwash
- E2E2CD
≈ Persian Blinds
삼각 배색 +120° +240°
- EBDECC
Skeleton
- CCE6E6
≈ Starship Tonic
- E8DBED
≈ Princess Fairy Tale
분열 보색 +150° +210°
- EBDECC
Skeleton
- CDE4EF
≈ Niagara Falls
- DEDEF2
≈ Artemis Silver
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.85:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--skeleton: #ebdecc;
--skeleton-rgb: 235 222 204;
--skeleton-oklch: oklch(0.906 0.028 76.2);
}
.element {
color: var(--skeleton);
background-color: hsl(35 44% 86%);
border-color: oklch(0.906 0.028 76.2);
}Tailwind CSS v4
@theme {
--color-skeleton: #ebdecc;
--color-skeleton-50: #faf4ec;
--color-skeleton-100: #ede7de;
--color-skeleton-200: #dbd3c7;
--color-skeleton-300: #bfb6a8;
--color-skeleton-400: #a89d8c;
--color-skeleton-500: #918472;
--color-skeleton-600: #7b7061;
--color-skeleton-700: #62594d;
--color-skeleton-800: #484138;
--color-skeleton-900: #322d26;
--color-skeleton-950: #1e1a15;
}SCSS
$skeleton: #ebdecc;
$skeleton-rgb: 235, 222, 204;
$skeleton-light: mix(#fff, $skeleton, 20%);
$skeleton-dark: mix(#000, $skeleton, 20%);
.element {
color: $skeleton;
box-shadow: 0 0 0 2px rgba($skeleton, 0.35);
}