Nazwany kolor · #E3B8B7
Bistro Pink
Bistro Pink to #E3B8B7: rgb(227 184 183), hsl(1 44% 80%), oklch(0.82 0.05 19.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Bistro Pink color name →
#E3B8B7
oklch(0.82 0.05 19.8)
Konwersje koloru
- HEX
- #e3b8b7
- RGB
- rgb(227 184 183)
- HSL
- hsl(1 44% 80%)
- HWB
- hwb(1 72% 11%)
- OKLCH
- oklch(0.82 0.05 19.8)
- OKLab
- oklab(0.82 0.047 0.017)
- CIE Lab
- lab(78.65 15.86 6.68)
- LCH
- lch(78.65 17.21 22.9)
- CMYK
- cmyk(0% 19% 19% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6BFBE
- E9C6C5
- ECCDCC
- EFD4D3
- F2DBDB
- F4E2E2
- F7E9E9
- FAF1F0
- FCF8F8
Odcienie ciemniejsze
- C5A09F
- A88887
- 8C7170
- 715B5A
- 574545
- 3F3131
- 271E1E
- 120C0C
- 030202
Tony
- D9B2B1
- CFADAC
- C5A7A6
- BBA1A1
- B19C9B
- A79696
- 9D9190
- 938B8B
- 8A8585
Harmonie kolorów
Komplementarna +180°
- E3B8B7
Bistro Pink
- 9FCFD1
≈ Morning Glory
Analogowa -30° +30°
- E3B8B7
Bistro Pink
- DEB8C9
≈ Kunzite
- E0BCA8
≈ Pickled Pork
Triada +120° +240°
- E3B8B7
Bistro Pink
- B4CDAE
≈ Spring Fields
- B2C5E5
≈ Promise Keeping
Komplementarna rozszczepiona +150° +210°
- E3B8B7
Bistro Pink
- A5CFBF
≈ Swimming Pool Green
- A4CBDF
≈ Blue Calico
Tetrada +90° +180° +270°
- E3B8B7
Bistro Pink
- C6C8A3
≈ Watercress Pesto
- 9FCFD1
≈ Morning Glory
- C3BFE3
≈ Violet Gems
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.80:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--bistro-pink: #e3b8b7;
--bistro-pink-rgb: 227 184 183;
--bistro-pink-oklch: oklch(0.82 0.05 19.8);
}
.element {
color: var(--bistro-pink);
background-color: hsl(1 44% 80%);
border-color: oklch(0.82 0.05 19.8);
}Tailwind CSS v4
@theme {
--color-bistro-pink: #e3b8b7;
--color-bistro-pink-50: #fff0ef;
--color-bistro-pink-100: #f8e2e0;
--color-bistro-pink-200: #e9cccb;
--color-bistro-pink-300: #d0aeac;
--color-bistro-pink-400: #ba9392;
--color-bistro-pink-500: #a57979;
--color-bistro-pink-600: #8b6766;
--color-bistro-pink-700: #705252;
--color-bistro-pink-800: #523c3c;
--color-bistro-pink-900: #392929;
--color-bistro-pink-950: #241717;
}SCSS
$bistro-pink: #e3b8b7;
$bistro-pink-rgb: 227, 184, 183;
$bistro-pink-light: mix(#fff, $bistro-pink, 20%);
$bistro-pink-dark: mix(#000, $bistro-pink, 20%);
.element {
color: $bistro-pink;
box-shadow: 0 0 0 2px rgba($bistro-pink, 0.35);
}