Benoemde kleur · #F3E0DB
Limoge Pink
Limoge Pink is #F3E0DB: rgb(243 224 219), hsl(13 50% 91%), oklch(0.921 0.022 35.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Limoge Pink color name →
#F3E0DB
oklch(0.921 0.022 35.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- F4E3DF
- F5E6E2
- F7E9E6
- F8ECE9
- F9EFED
- FAF3F1
- FCF6F4
- FDF9F8
- FEFCFB
Schaduwen
- D3C3BE
- B4A6A2
- 978A87
- 7A706D
- 5E5654
- 443E3C
- 2B2726
- 141211
- 030202
Tonen
- E7D6D2
- DBCCC8
- CFC2BF
- C3B8B6
- B8AFAC
- ACA5A3
- A19C9A
- 969291
- 8B8989
Kleurharmonieën
Complementair +180°
- F3E0DB
Limoge Pink
- D5E9EE
≈ Enchanted Evening
Analoog -30° +30°
- F3E0DB
Limoge Pink
- F3DFE3
≈ Candy Mix
- F0E2D6
≈ Siamese Kitten
Triadisch +120° +240°
- F3E0DB
Limoge Pink
- DAE9DE
≈ Clair de Lune
- E0E4F4
≈ Iris Ice
Gesplitst complementair +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
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.49:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
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);
}