Couleur nommée la plus proche · #F6EFDC
#F6EFDC
Couleur nommée la plus proche: Exclusive Elixir
#F6EFDC (rgb(246 239 220), hsl(44 59% 91%), oklch(0.953 0.026 90.1)) est la plus proche de la couleur nommée Exclusive Elixir. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F6EFDC
oklch(0.953 0.026 90.1)
Conversions de couleur
- HEX
- #f6efdc
- RGB
- rgb(246 239 220)
- HSL
- hsl(44 59% 91%)
- HWB
- hwb(44 86% 4%)
- OKLCH
- oklch(0.953 0.026 90.1)
- OKLab
- oklab(0.953 0 0.026)
- CIE Lab
- lab(94.62 0.09 10.11)
- LCH
- lch(94.62 10.11 89.5)
- CMYK
- cmyk(0% 3% 11% 4%)
Teintes · Ombres · Tons
Teintes
- F7F1E0
- F8F2E3
- F9F4E7
- FAF5EA
- FAF7EE
- FBF9F1
- FCFAF5
- FDFCF8
- FEFDFC
Ombres
- D6D0BF
- B7B1A3
- 989488
- 7B786E
- 5F5C54
- 45423C
- 2C2A26
- 151411
- 030302
Tons
- EAE3D2
- DDD8C9
- D1CCC0
- C5C1B6
- B9B6AD
- ADABA4
- A2A09B
- 969592
- 8B8B89
Harmonies de couleurs
Complémentaire +180°
- F6EFDC
Exclusive Elixir
- E9EFFF
≈ Brilliant White
Analogue -30° +30°
- F6EFDC
Exclusive Elixir
- FDECDE
≈ Organic Fibre
- EDF2DF
≈ Snowy Evergreen
Triadique +120° +240°
- F6EFDC
Exclusive Elixir
- DCF5F9
≈ Coastal Breeze
- FAE9F8
≈ Placebo Pink
Complémentaire divisée +150° +210°
- F6EFDC
Exclusive Elixir
- E1F2FF
≈ Wizard White
- F2ECFF
≈ Placebo Purple
Tétradique +90° +180° +270°
- F6EFDC
Exclusive Elixir
- DDF5F0
≈ Glacier Bay
- E9EFFF
≈ Brilliant White
- FFE9EE
≈ Rose Mochi
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.14:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.29:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--exclusive-elixir: #f6efdc;
--exclusive-elixir-rgb: 246 239 220;
--exclusive-elixir-oklch: oklch(0.953 0.026 90.1);
}
.element {
color: var(--exclusive-elixir);
background-color: hsl(44 59% 91%);
border-color: oklch(0.953 0.026 90.1);
}Tailwind CSS v4
@theme {
--color-exclusive-elixir: #f6efdc;
--color-exclusive-elixir-50: #f8f5ed;
--color-exclusive-elixir-100: #ebe8de;
--color-exclusive-elixir-200: #d8d4c8;
--color-exclusive-elixir-300: #bcb7a9;
--color-exclusive-elixir-400: #a49e8d;
--color-exclusive-elixir-500: #8d8673;
--color-exclusive-elixir-600: #777161;
--color-exclusive-elixir-700: #5f5b4e;
--color-exclusive-elixir-800: #464238;
--color-exclusive-elixir-900: #302e26;
--color-exclusive-elixir-950: #1d1a15;
}SCSS
$exclusive-elixir: #f6efdc;
$exclusive-elixir-rgb: 246, 239, 220;
$exclusive-elixir-light: mix(#fff, $exclusive-elixir, 20%);
$exclusive-elixir-dark: mix(#000, $exclusive-elixir, 20%);
.element {
color: $exclusive-elixir;
box-shadow: 0 0 0 2px rgba($exclusive-elixir, 0.35);
}