Benannte Farbe · #F3E0DB
Limoge Pink
Limoge Pink ist #F3E0DB: rgb(243 224 219), hsl(13 50% 91%), oklch(0.921 0.022 35.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Limoge Pink color name →
#F3E0DB
oklch(0.921 0.022 35.1)
Farbumrechnungen
- HEX
- #f3e0db
- RGB
- rgb(243 224 219)
- HSL
- hsl(13 50% 91%)
- HWB
- hwb(13 86% 5%)
- OKLCH
- oklch(0.921 0.022 35.1)
- OKLab
- oklab(0.921 0.018 0.013)
- CIE Lab
- lab(90.63 6.11 4.93)
- LCH
- lch(90.63 7.85 38.9)
- CMYK
- cmyk(0% 8% 10% 5%)
Tints · Shades · Tones
Tints
- F4E3DF
- F5E6E2
- F7E9E6
- F8ECE9
- F9EFED
- FAF3F1
- FCF6F4
- FDF9F8
- FEFCFB
Shades
- D3C3BE
- B4A6A2
- 978A87
- 7A706D
- 5E5654
- 443E3C
- 2B2726
- 141211
- 030202
Tones
- E7D6D2
- DBCCC8
- CFC2BF
- C3B8B6
- B8AFAC
- ACA5A3
- A19C9A
- 969291
- 8B8989
Farbharmonien
Komplementär +180°
- F3E0DB
Limoge Pink
- D5E9EE
≈ Enchanted Evening
Analog -30° +30°
- F3E0DB
Limoge Pink
- F3DFE3
≈ Candy Mix
- F0E2D6
≈ Siamese Kitten
Triadisch +120° +240°
- F3E0DB
Limoge Pink
- DAE9DE
≈ Clair de Lune
- E0E4F4
≈ Iris Ice
Geteilt komplementär +150° +210°
- F3E0DB
Limoge Pink
- D5EAE7
≈ Retiring Blue
- D9E7F3
≈ Icicle Veil
Tetradisch +90° +180° +270°
- F3E0DB
Limoge Pink
- E1E8D8
≈ Milkweed
- D5E9EE
≈ Enchanted Evening
- E8E1F1
≈ Romantic Cruise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.49:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--limoge-pink: #f3e0db;
--limoge-pink-rgb: 243 224 219;
--limoge-pink-oklch: oklch(0.921 0.022 35.1);
}
.element {
color: var(--limoge-pink);
background-color: hsl(13 50% 91%);
border-color: oklch(0.921 0.022 35.1);
}Tailwind CSS v4
@theme {
--color-limoge-pink: #f3e0db;
--color-limoge-pink-50: #fbf3f1;
--color-limoge-pink-100: #efe5e3;
--color-limoge-pink-200: #ddd1ce;
--color-limoge-pink-300: #c2b4af;
--color-limoge-pink-400: #ab9a96;
--color-limoge-pink-500: #94817c;
--color-limoge-pink-600: #7d6e69;
--color-limoge-pink-700: #645854;
--color-limoge-pink-800: #4a403d;
--color-limoge-pink-900: #332c2a;
--color-limoge-pink-950: #1f1918;
}SCSS
$limoge-pink: #f3e0db;
$limoge-pink-rgb: 243, 224, 219;
$limoge-pink-light: mix(#fff, $limoge-pink, 20%);
$limoge-pink-dark: mix(#000, $limoge-pink, 20%);
.element {
color: $limoge-pink;
box-shadow: 0 0 0 2px rgba($limoge-pink, 0.35);
}