Couleur nommée · #E4E1D3
Shark Tooth
Shark Tooth correspond à #E4E1D3 : rgb(228 225 211), hsl(49 24% 86%), oklch(0.908 0.019 96.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Shark Tooth color name →
#E4E1D3
oklch(0.908 0.019 96.9)
Conversions de couleur
- HEX
- #e4e1d3
- RGB
- rgb(228 225 211)
- HSL
- hsl(49 24% 86%)
- HWB
- hwb(49 83% 11%)
- OKLCH
- oklch(0.908 0.019 96.9)
- OKLab
- oklab(0.908 -0.002 0.019)
- CIE Lab
- lab(89.48 -0.74 7.25)
- LCH
- lch(89.48 7.29 95.8)
- CMYK
- cmyk(0% 1% 7% 11%)
Teintes · Ombres · Tons
Teintes
- E7E4D7
- E9E7DC
- ECEAE0
- EFEDE4
- F1F0E9
- F4F3ED
- F7F6F2
- FAF9F6
- FCFCFB
Ombres
- C6C4B7
- A9A79C
- 8D8B82
- 727069
- 585651
- 3F3E3A
- 282724
- 121210
- 030202
Tons
- DAD7CA
- CFCDC2
- C5C3B9
- BBB9B1
- B1AFA9
- A7A6A0
- 9D9C98
- 939390
- 8A8988
Harmonies de couleurs
Complémentaire +180°
- E4E1D3
Shark Tooth
- DDE0EE
≈ Imagination
Analogue -30° +30°
- E4E1D3
Shark Tooth
- EADFD4
≈ Smokey Cream
- DDE3D6
≈ Water Lily
Triadique +120° +240°
- E4E1D3
Shark Tooth
- D3E4E9
≈ Ocean Breeze
- EADCE5
≈ Twinkled Pink
Complémentaire divisée +150° +210°
- E4E1D3
Shark Tooth
- D7E2ED
≈ Blooming Aster
- E4DEEB
≈ Velvet Scarf
Tétradique +90° +180° +270°
- E4E1D3
Shark Tooth
- D3E5E3
≈ Cave Pearl
- DDE0EE
≈ Imagination
- EDDCDE
≈ Cupid’s Revenge
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.31:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.00:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--shark-tooth: #e4e1d3;
--shark-tooth-rgb: 228 225 211;
--shark-tooth-oklch: oklch(0.908 0.019 96.9);
}
.element {
color: var(--shark-tooth);
background-color: hsl(49 24% 86%);
border-color: oklch(0.908 0.019 96.9);
}Tailwind CSS v4
@theme {
--color-shark-tooth: #e4e1d3;
--color-shark-tooth-50: #f6f5ef;
--color-shark-tooth-100: #e9e8e1;
--color-shark-tooth-200: #d6d4cb;
--color-shark-tooth-300: #bab8ad;
--color-shark-tooth-400: #a19f92;
--color-shark-tooth-500: #898678;
--color-shark-tooth-600: #747266;
--color-shark-tooth-700: #5d5b51;
--color-shark-tooth-800: #44423b;
--color-shark-tooth-900: #2f2e29;
--color-shark-tooth-950: #1c1b16;
}SCSS
$shark-tooth: #e4e1d3;
$shark-tooth-rgb: 228, 225, 211;
$shark-tooth-light: mix(#fff, $shark-tooth, 20%);
$shark-tooth-dark: mix(#000, $shark-tooth, 20%);
.element {
color: $shark-tooth;
box-shadow: 0 0 0 2px rgba($shark-tooth, 0.35);
}