Couleur nommée · #EBDECC
Skeleton
Skeleton correspond à #EBDECC : rgb(235 222 204), hsl(35 44% 86%), oklch(0.906 0.028 76.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Skeleton color name →
#EBDECC
oklch(0.906 0.028 76.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EDE1D1
- EFE5D6
- F1E8DB
- F3EBE0
- F5EEE5
- F7F2EA
- F9F5F0
- FBF8F5
- FDFCFA
Ombres
- CCC1B1
- AEA597
- 91897E
- 756F65
- 5B554E
- 413D37
- 292622
- 13120F
- 030202
Tons
- E0D4C4
- D5CABC
- CAC1B5
- BFB7AD
- B4AEA5
- A9A49E
- 9F9B96
- 94928F
- 8A8987
Harmonies de couleurs
Complémentaire +180°
- EBDECC
Skeleton
- D4E1F3
≈ Weathered Blue
Analogue -30° +30°
- EBDECC
Skeleton
- F1DBD1
≈ Pinkwash
- E2E2CD
≈ Persian Blinds
Triadique +120° +240°
- EBDECC
Skeleton
- CCE6E6
≈ Starship Tonic
- E8DBED
≈ Princess Fairy Tale
Complémentaire divisée +150° +210°
- EBDECC
Skeleton
- CDE4EF
≈ Niagara Falls
- DEDEF2
≈ Artemis Silver
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.32:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.85:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
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);
}