Najbliższy nazwany kolor · #F6EFDC
#F6EFDC
Najbliższy nazwany kolor: Exclusive Elixir
#F6EFDC (rgb(246 239 220), hsl(44 59% 91%), oklch(0.953 0.026 90.1)) jest najbliższy nazwanemu kolorowi Exclusive Elixir. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F6EFDC
oklch(0.953 0.026 90.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7F1E0
- F8F2E3
- F9F4E7
- FAF5EA
- FAF7EE
- FBF9F1
- FCFAF5
- FDFCF8
- FEFDFC
Odcienie ciemniejsze
- D6D0BF
- B7B1A3
- 989488
- 7B786E
- 5F5C54
- 45423C
- 2C2A26
- 151411
- 030302
Tony
- EAE3D2
- DDD8C9
- D1CCC0
- C5C1B6
- B9B6AD
- ADABA4
- A2A09B
- 969592
- 8B8B89
Harmonie kolorów
Komplementarna +180°
- F6EFDC
Exclusive Elixir
- E9EFFF
≈ Brilliant White
Analogowa -30° +30°
- F6EFDC
Exclusive Elixir
- FDECDE
≈ Organic Fibre
- EDF2DF
≈ Snowy Evergreen
Triada +120° +240°
- F6EFDC
Exclusive Elixir
- DCF5F9
≈ Coastal Breeze
- FAE9F8
≈ Placebo Pink
Komplementarna rozszczepiona +150° +210°
- F6EFDC
Exclusive Elixir
- E1F2FF
≈ Wizard White
- F2ECFF
≈ Placebo Purple
Tetrada +90° +180° +270°
- F6EFDC
Exclusive Elixir
- DDF5F0
≈ Glacier Bay
- E9EFFF
≈ Brilliant White
- FFE9EE
≈ Rose Mochi
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.29:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
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);
}