Couleur nommée · #F6E9CF
Sawdust
Sawdust correspond à #F6E9CF : rgb(246 233 207), hsl(40 68% 89%), oklch(0.938 0.037 84.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Sawdust color name →
#F6E9CF
oklch(0.938 0.037 84.6)
Conversions de couleur
- HEX
- #f6e9cf
- RGB
- rgb(246 233 207)
- HSL
- hsl(40 68% 89%)
- HWB
- hwb(40 81% 4%)
- OKLCH
- oklch(0.938 0.037 84.6)
- OKLab
- oklab(0.938 0.003 0.037)
- CIE Lab
- lab(92.88 1.46 14.36)
- LCH
- lch(92.88 14.43 84.2)
- CMYK
- cmyk(0% 5% 16% 4%)
Teintes · Ombres · Tons
Teintes
- F7EBD4
- F8EDD9
- F9F0DD
- FAF2E2
- FBF4E7
- FBF6EC
- FCF8F1
- FDFBF5
- FEFDFA
Ombres
- D6CBB4
- B7AD99
- 98907F
- 7B7467
- 5F5A4F
- 454138
- 2C2923
- 151310
- 030302
Tons
- EADEC7
- DDD3BF
- D1C8B7
- C5BEAF
- B9B3A7
- AEA99F
- A29E97
- 96948F
- 8B8A88
Harmonies de couleurs
Complémentaire +180°
- F6E9CF
Sawdust
- E1EBFF
≈ Husky
Analogue -30° +30°
- F6E9CF
Sawdust
- FFE5D4
≈ Winthrop Peach
- E9EED2
≈ Just Perfect
Triadique +120° +240°
- F6E9CF
Sawdust
- CFF2F6
≈ Windswept
- F8E2F9
≈ Soft Lavender
Complémentaire divisée +150° +210°
- F6E9CF
Sawdust
- D5EFFF
≈ Ice Castle
- EBE7FF
≈ Cyber Lavender
Tétradique +90° +180° +270°
- F6E9CF
Sawdust
- D2F3E9
≈ Waterslide
- E1EBFF
≈ Husky
- FFE1EC
≈ Pale Blossom
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.47:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--sawdust: #f6e9cf;
--sawdust-rgb: 246 233 207;
--sawdust-oklch: oklch(0.938 0.037 84.6);
}
.element {
color: var(--sawdust);
background-color: hsl(40 68% 89%);
border-color: oklch(0.938 0.037 84.6);
}Tailwind CSS v4
@theme {
--color-sawdust: #f6e9cf;
--color-sawdust-50: #faf5e9;
--color-sawdust-100: #ede7da;
--color-sawdust-200: #dbd4c3;
--color-sawdust-300: #c0b7a2;
--color-sawdust-400: #a99d86;
--color-sawdust-500: #92856a;
--color-sawdust-600: #7b705a;
--color-sawdust-700: #635a48;
--color-sawdust-800: #494134;
--color-sawdust-900: #322d23;
--color-sawdust-950: #1e1a12;
}SCSS
$sawdust: #f6e9cf;
$sawdust-rgb: 246, 233, 207;
$sawdust-light: mix(#fff, $sawdust, 20%);
$sawdust-dark: mix(#000, $sawdust, 20%);
.element {
color: $sawdust;
box-shadow: 0 0 0 2px rgba($sawdust, 0.35);
}