Nazwany kolor · #ECE3DC
Bistro Napkin
Bistro Napkin to #ECE3DC: rgb(236 227 220), hsl(26 30% 89%), oklch(0.921 0.014 60.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bistro Napkin color name →
#ECE3DC
oklch(0.921 0.014 60.6)
Konwersje koloru
- HEX
- #ece3dc
- RGB
- rgb(236 227 220)
- HSL
- hsl(26 30% 89%)
- HWB
- hwb(26 86% 7%)
- OKLCH
- oklch(0.921 0.014 60.6)
- OKLab
- oklab(0.921 0.007 0.012)
- CIE Lab
- lab(90.81 2.27 4.57)
- LCH
- lch(90.81 5.11 63.6)
- CMYK
- cmyk(0% 4% 7% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE6DF
- F0E9E3
- F2EBE6
- F4EEEA
- F5F1ED
- F7F4F1
- F9F7F4
- FBF9F8
- FDFCFB
Odcienie ciemniejsze
- CDC5BF
- AFA8A3
- 928C88
- 76716E
- 5B5754
- 423F3C
- 292726
- 131211
- 030302
Tony
- E1D9D2
- D5CEC9
- CAC4BF
- BFBAB6
- B5B0AD
- AAA6A4
- 9F9D9B
- 959392
- 8A8989
Harmonie kolorów
Komplementarna +180°
- ECE3DC
Bistro Napkin
- DDE6ED
≈ White Frost
Analogowa -30° +30°
- ECE3DC
Bistro Napkin
- EEE2DF
≈ Shattered Porcelain
- E8E5DB
≈ Irish Mist
Triada +120° +240°
- ECE3DC
Bistro Napkin
- DCE8E5
≈ Starburst
- E6E3ED
≈ Soft Iris
Komplementarna rozszczepiona +150° +210°
- ECE3DC
Bistro Napkin
- DBE8EA
≈ Soft Blue White
- E1E5EE
≈ Ghostly Tuna
Tetrada +90° +180° +270°
- ECE3DC
Bistro Napkin
- DFE8E0
≈ Lost in Istanbul
- DDE6ED
≈ White Frost
- EAE2E9
≈ Dream Dust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.58:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--bistro-napkin: #ece3dc;
--bistro-napkin-rgb: 236 227 220;
--bistro-napkin-oklch: oklch(0.921 0.014 60.6);
}
.element {
color: var(--bistro-napkin);
background-color: hsl(26 30% 89%);
border-color: oklch(0.921 0.014 60.6);
}Tailwind CSS v4
@theme {
--color-bistro-napkin: #ece3dc;
--color-bistro-napkin-50: #f8f4f1;
--color-bistro-napkin-100: #ebe7e3;
--color-bistro-napkin-200: #d9d3ce;
--color-bistro-napkin-300: #bdb6b0;
--color-bistro-napkin-400: #a59d96;
--color-bistro-napkin-500: #8d847d;
--color-bistro-napkin-600: #77706a;
--color-bistro-napkin-700: #605955;
--color-bistro-napkin-800: #46413e;
--color-bistro-napkin-900: #312d2a;
--color-bistro-napkin-950: #1d1a18;
}SCSS
$bistro-napkin: #ece3dc;
$bistro-napkin-rgb: 236, 227, 220;
$bistro-napkin-light: mix(#fff, $bistro-napkin, 20%);
$bistro-napkin-dark: mix(#000, $bistro-napkin, 20%);
.element {
color: $bistro-napkin;
box-shadow: 0 0 0 2px rgba($bistro-napkin, 0.35);
}