Couleur nommée · #DBD8CA
Sassafras Tea
Sassafras Tea correspond à #DBD8CA : rgb(219 216 202), hsl(49 19% 83%), oklch(0.881 0.019 96.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sassafras Tea color name →
#DBD8CA
oklch(0.881 0.019 96.9)
Conversions de couleur
- HEX
- #dbd8ca
- RGB
- rgb(219 216 202)
- HSL
- hsl(49 19% 83%)
- HWB
- hwb(49 79% 14%)
- OKLCH
- oklch(0.881 0.019 96.9)
- OKLab
- oklab(0.881 -0.002 0.019)
- CIE Lab
- lab(86.29 -0.74 7.31)
- LCH
- lch(86.29 7.35 95.8)
- CMYK
- cmyk(0% 1% 8% 14%)
Teintes · Ombres · Tons
Teintes
- DFDCCF
- E2E0D4
- E6E4DA
- E9E7DF
- EDEBE4
- F0EFEA
- F4F3EF
- F8F7F4
- FBFBFA
Ombres
- BEBCAF
- A2A095
- 87857C
- 6D6B64
- 54534D
- 3C3B37
- 262522
- 11110F
- 020202
Tons
- D2CFC2
- C8C6BB
- BFBDB3
- B6B4AC
- ACABA4
- A3A29D
- 9A9A96
- 91918E
- 898887
Harmonies de couleurs
Complémentaire +180°
- DBD8CA
Sassafras Tea
- D4D7E5
≈ Cheerful Whisper
Analogue -30° +30°
- DBD8CA
Sassafras Tea
- E1D6CB
≈ Sheer Scarf
- D4DACD
≈ Light Lamb’s Ears
Triadique +120° +240°
- DBD8CA
Sassafras Tea
- CADBE0
≈ Reflection Pool
- E1D3DC
≈ Mauve Aquarelle
Complémentaire divisée +150° +210°
- DBD8CA
Sassafras Tea
- CED9E4
≈ Pale Cornflower
- DBD5E2
≈ Light Modesty
Tétradique +90° +180° +270°
- DBD8CA
Sassafras Tea
- CADCDA
≈ Snow in June
- D4D7E5
≈ Cheerful Whisper
- E4D3D5
≈ Hapsburg Court
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.42:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.68:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--sassafras-tea: #dbd8ca;
--sassafras-tea-rgb: 219 216 202;
--sassafras-tea-oklch: oklch(0.881 0.019 96.9);
}
.element {
color: var(--sassafras-tea);
background-color: hsl(49 19% 83%);
border-color: oklch(0.881 0.019 96.9);
}Tailwind CSS v4
@theme {
--color-sassafras-tea: #dbd8ca;
--color-sassafras-tea-50: #f6f5ef;
--color-sassafras-tea-100: #e9e8e1;
--color-sassafras-tea-200: #d6d4cb;
--color-sassafras-tea-300: #bab8ad;
--color-sassafras-tea-400: #a19f92;
--color-sassafras-tea-500: #8a8678;
--color-sassafras-tea-600: #747266;
--color-sassafras-tea-700: #5d5b51;
--color-sassafras-tea-800: #44423b;
--color-sassafras-tea-900: #2f2e28;
--color-sassafras-tea-950: #1c1b16;
}SCSS
$sassafras-tea: #dbd8ca;
$sassafras-tea-rgb: 219, 216, 202;
$sassafras-tea-light: mix(#fff, $sassafras-tea, 20%);
$sassafras-tea-dark: mix(#000, $sassafras-tea, 20%);
.element {
color: $sassafras-tea;
box-shadow: 0 0 0 2px rgba($sassafras-tea, 0.35);
}