Couleur nommée · #F4E7DF
Goose Down
Goose Down correspond à #F4E7DF : rgb(244 231 223), hsl(23 49% 92%), oklch(0.936 0.018 54). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Goose Down color name →
#F4E7DF
oklch(0.936 0.018 54)
Conversions de couleur
- HEX
- #f4e7df
- RGB
- rgb(244 231 223)
- HSL
- hsl(23 49% 92%)
- HWB
- hwb(23 87% 4%)
- OKLCH
- oklch(0.936 0.018 54)
- OKLab
- oklab(0.936 0.01 0.014)
- CIE Lab
- lab(92.53 3.57 5.57)
- LCH
- lch(92.53 6.61 57.4)
- CMYK
- cmyk(0% 5% 9% 4%)
Teintes · Ombres · Tons
Teintes
- F5E9E2
- F6ECE5
- F7EEE9
- F8F1EC
- FAF3EF
- FBF5F2
- FCF8F5
- FDFAF9
- FEFDFC
Ombres
- D4C9C2
- B5ABA5
- 978F8A
- 7A736F
- 5E5956
- 44403D
- 2B2827
- 141312
- 030302
Tons
- E8DCD5
- DCD2CB
- D0C7C2
- C4BCB8
- B8B2AE
- ADA8A5
- A19E9B
- 969492
- 8B8A89
Harmonies de couleurs
Complémentaire +180°
- F4E7DF
Goose Down
- DFECF4
≈ Ice Fishing
Analogue -30° +30°
- F4E7DF
Goose Down
- F6E6E4
≈ Clear Calamine
- F0E9DD
≈ Mawmaw’s Pearls
Triadique +120° +240°
- F4E7DF
Goose Down
- DEEEE9
≈ Clear Day
- EAE8F5
≈ Tranquil Eve
Complémentaire divisée +150° +210°
- F4E7DF
Goose Down
- DDEEEF
≈ White Glaze
- E4EAF6
≈ Whisper Blue
Tétradique +90° +180° +270°
- F4E7DF
Goose Down
- E3EDE3
≈ Sign of Spring
- DFECF4
≈ Ice Fishing
- F0E6F1
≈ Tranquil Eve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.21:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.34:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--goose-down: #f4e7df;
--goose-down-rgb: 244 231 223;
--goose-down-oklch: oklch(0.936 0.018 54);
}
.element {
color: var(--goose-down);
background-color: hsl(23 49% 92%);
border-color: oklch(0.936 0.018 54);
}Tailwind CSS v4
@theme {
--color-goose-down: #f4e7df;
--color-goose-down-50: #f9f4f0;
--color-goose-down-100: #ede6e2;
--color-goose-down-200: #dad2cd;
--color-goose-down-300: #bfb5af;
--color-goose-down-400: #a79c95;
--color-goose-down-500: #90837b;
--color-goose-down-600: #7a6f68;
--color-goose-down-700: #625953;
--color-goose-down-800: #48413d;
--color-goose-down-900: #322d2a;
--color-goose-down-950: #1e1a17;
}SCSS
$goose-down: #f4e7df;
$goose-down-rgb: 244, 231, 223;
$goose-down-light: mix(#fff, $goose-down, 20%);
$goose-down-dark: mix(#000, $goose-down, 20%);
.element {
color: $goose-down;
box-shadow: 0 0 0 2px rgba($goose-down, 0.35);
}