Najbliższy nazwany kolor · #F6F7EB
#F6F7EB
Najbliższy nazwany kolor: Enoki
#F6F7EB (rgb(246 247 235), hsl(65 43% 95%), oklch(0.972 0.016 110.6)) jest najbliższy nazwanemu kolorowi Enoki. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F6F7EB
oklch(0.972 0.016 110.6)
Konwersje koloru
- HEX
- #f6f7eb
- RGB
- rgb(246 247 235)
- HSL
- hsl(65 43% 95%)
- HWB
- hwb(65 92% 3%)
- OKLCH
- oklch(0.972 0.016 110.6)
- OKLab
- oklab(0.972 -0.006 0.015)
- CIE Lab
- lab(96.91 -1.89 5.67)
- LCH
- lch(96.91 5.97 108.4)
- CMYK
- cmyk(0% 0% 5% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7F8ED
- F8F9EF
- F9F9F1
- FAFAF3
- FAFBF5
- FBFCF7
- FCFDF9
- FDFDFB
- FEFEFD
Odcienie ciemniejsze
- D6D7CC
- B7B7AE
- 989991
- 7B7C75
- 5F605B
- 454541
- 2C2C29
- 151513
- 030303
Tony
- EAEAE0
- DDDED5
- D1D2CA
- C5C6BF
- B9BAB4
- ADAEA9
- A2A29F
- 969794
- 8B8B8A
Harmonie kolorów
Komplementarna +180°
- F6F7EB
Enoki
- F5F4FF
≈ Sugar Crystal
Analogowa -30° +30°
- F6F7EB
Enoki
- FBF5EA
≈ Placebo Orange
- F0F9EF
≈ Unwind
Triada +120° +240°
- F6F7EB
Enoki
- ECF8FF
≈ Alice Blue
- FFF2F7
≈ Lavender Blush
Komplementarna rozszczepiona +150° +210°
- F6F7EB
Enoki
- F1F6FF
≈ Cotton Ball
- FBF3FD
≈ Sugar Crystal
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.42:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.42:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--enoki: #f6f7eb;
--enoki-rgb: 246 247 235;
--enoki-oklch: oklch(0.972 0.016 110.6);
}
.element {
color: var(--enoki);
background-color: hsl(65 43% 95%);
border-color: oklch(0.972 0.016 110.6);
}Tailwind CSS v4
@theme {
--color-enoki: #f6f7eb;
--color-enoki-50: #f5f6f1;
--color-enoki-100: #e8e8e3;
--color-enoki-200: #d4d5cd;
--color-enoki-300: #b7b8af;
--color-enoki-400: #9f9f95;
--color-enoki-500: #86877b;
--color-enoki-600: #727269;
--color-enoki-700: #5b5c54;
--color-enoki-800: #43433d;
--color-enoki-900: #2e2e2a;
--color-enoki-950: #1b1b17;
}SCSS
$enoki: #f6f7eb;
$enoki-rgb: 246, 247, 235;
$enoki-light: mix(#fff, $enoki, 20%);
$enoki-dark: mix(#000, $enoki, 20%);
.element {
color: $enoki;
box-shadow: 0 0 0 2px rgba($enoki, 0.35);
}