Màu có tên · #EBDECC
Skeleton
Skeleton là #EBDECC: rgb(235 222 204), hsl(35 44% 86%), oklch(0.906 0.028 76.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Skeleton color name →
#EBDECC
oklch(0.906 0.028 76.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDE1D1
- EFE5D6
- F1E8DB
- F3EBE0
- F5EEE5
- F7F2EA
- F9F5F0
- FBF8F5
- FDFCFA
Sắc đậm
- CCC1B1
- AEA597
- 91897E
- 756F65
- 5B554E
- 413D37
- 292622
- 13120F
- 030202
Sắc xám
- E0D4C4
- D5CABC
- CAC1B5
- BFB7AD
- B4AEA5
- A9A49E
- 9F9B96
- 94928F
- 8A8987
Hòa sắc
Bổ túc +180°
- EBDECC
Skeleton
- D4E1F3
≈ Weathered Blue
Tương đồng -30° +30°
- EBDECC
Skeleton
- F1DBD1
≈ Pinkwash
- E2E2CD
≈ Persian Blinds
Bộ ba +120° +240°
- EBDECC
Skeleton
- CCE6E6
≈ Starship Tonic
- E8DBED
≈ Princess Fairy Tale
Bổ túc chia +150° +210°
- EBDECC
Skeleton
- CDE4EF
≈ Niagara Falls
- DEDEF2
≈ Artemis Silver
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.32:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.85:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}