Couleur nommée · #E7DCCF
Light Shetland Lace
Light Shetland Lace correspond à #E7DCCF : rgb(231 220 207), hsl(33 33% 86%), oklch(0.9 0.021 72.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Light Shetland Lace color name →
#E7DCCF
oklch(0.9 0.021 72.1)
Conversions de couleur
- HEX
- #e7dccf
- RGB
- rgb(231 220 207)
- HSL
- hsl(33 33% 86%)
- HWB
- hwb(33 81% 9%)
- OKLCH
- oklch(0.9 0.021 72.1)
- OKLab
- oklab(0.9 0.007 0.02)
- CIE Lab
- lab(88.39 2.28 7.83)
- LCH
- lch(88.39 8.15 73.8)
- CMYK
- cmyk(0% 5% 10% 9%)
Teintes · Ombres · Tons
Teintes
- E9DFD4
- ECE3D9
- EEE6DD
- F1EAE2
- F3EDE7
- F5F1EC
- F8F4F0
- FAF8F5
- FDFBFA
Ombres
- C9BFB4
- ABA399
- 8F887F
- 736E67
- 59544F
- 403C38
- 282623
- 131110
- 030202
Tons
- DCD2C7
- D2C9BF
- C7BFB7
- BDB6AF
- B2ADA7
- A8A49F
- 9E9B97
- 94928F
- 8A8988
Harmonies de couleurs
Complémentaire +180°
- E7DCCF
Light Shetland Lace
- D4DFEC
≈ Faint Blue
Analogue -30° +30°
- E7DCCF
Light Shetland Lace
- EBDAD3
≈ Northern Beach
- E0DFCF
≈ Corinthian Column
Triadique +120° +240°
- E7DCCF
Light Shetland Lace
- CFE3E1
≈ Mountain Dew
- E3DAE8
≈ Awakened
Complémentaire divisée +150° +210°
- E7DCCF
Light Shetland Lace
- D0E1E8
≈ Goddess
- DBDDEC
≈ The White Death
Tétradique +90° +180° +270°
- E7DCCF
Light Shetland Lace
- D2E3DA
≈ Delicate Snow Goose
- D4DFEC
≈ Faint Blue
- E9D9E2
≈ Rajah Rose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.35:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.53:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--light-shetland-lace: #e7dccf;
--light-shetland-lace-rgb: 231 220 207;
--light-shetland-lace-oklch: oklch(0.9 0.021 72.1);
}
.element {
color: var(--light-shetland-lace);
background-color: hsl(33 33% 86%);
border-color: oklch(0.9 0.021 72.1);
}Tailwind CSS v4
@theme {
--color-light-shetland-lace: #e7dccf;
--color-light-shetland-lace-50: #f9f4ef;
--color-light-shetland-lace-100: #ece7e0;
--color-light-shetland-lace-200: #dad3ca;
--color-light-shetland-lace-300: #beb6ac;
--color-light-shetland-lace-400: #a69d91;
--color-light-shetland-lace-500: #8f8477;
--color-light-shetland-lace-600: #797065;
--color-light-shetland-lace-700: #615951;
--color-light-shetland-lace-800: #47413b;
--color-light-shetland-lace-900: #312d28;
--color-light-shetland-lace-950: #1d1a16;
}SCSS
$light-shetland-lace: #e7dccf;
$light-shetland-lace-rgb: 231, 220, 207;
$light-shetland-lace-light: mix(#fff, $light-shetland-lace, 20%);
$light-shetland-lace-dark: mix(#000, $light-shetland-lace, 20%);
.element {
color: $light-shetland-lace;
box-shadow: 0 0 0 2px rgba($light-shetland-lace, 0.35);
}