Benannte Farbe · #F3E4B3
Meringue
Meringue ist #F3E4B3: rgb(243 228 179), hsl(46 73% 83%), oklch(0.919 0.066 93.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Meringue color name →
#F3E4B3
oklch(0.919 0.066 93.1)
Farbumrechnungen
- HEX
- #f3e4b3
- RGB
- rgb(243 228 179)
- HSL
- hsl(46 73% 83%)
- HWB
- hwb(46 70% 5%)
- OKLCH
- oklch(0.919 0.066 93.1)
- OKLab
- oklab(0.919 -0.004 0.065)
- CIE Lab
- lab(90.91 -0.17 25.96)
- LCH
- lch(90.91 25.96 90.4)
- CMYK
- cmyk(0% 6% 26% 5%)
Tints · Shades · Tones
Tints
- F4E7BB
- F5EAC3
- F7ECCA
- F8EFD2
- F9F2D9
- FAF4E1
- FBF7E9
- FDFAF0
- FEFCF8
Shades
- D3C69B
- B4A984
- 978D6E
- 7A7258
- 5E5843
- 443F2F
- 2B281D
- 14120C
- 030301
Tones
- E7DAAE
- DBCFA9
- CFC5A4
- C3BB9F
- B8B19A
- ACA795
- A19D90
- 96938A
- 8B8A85
Farbharmonien
Komplementär +180°
- F3E4B3
Meringue
- DBE3FF
≈ Stoic White
Analog -30° +30°
- F3E4B3
Meringue
- FFDDC0
≈ Persian Melon
- DCECBC
≈ Mellow Mint
Triadisch +120° +240°
- F3E4B3
Meringue
- B2F0FE
≈ Northrend
- FFD5F7
≈ Sweet Sachet
Geteilt komplementär +150° +210°
- F3E4B3
Meringue
- CDE8FF
≈ Veiling Waterfalls
- EADDFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.55:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--meringue: #f3e4b3;
--meringue-rgb: 243 228 179;
--meringue-oklch: oklch(0.919 0.066 93.1);
}
.element {
color: var(--meringue);
background-color: hsl(46 73% 83%);
border-color: oklch(0.919 0.066 93.1);
}Tailwind CSS v4
@theme {
--color-meringue: #f3e4b3;
--color-meringue-50: #fbf5e1;
--color-meringue-100: #eee8d0;
--color-meringue-200: #ddd5b5;
--color-meringue-300: #c2b892;
--color-meringue-400: #ac9e72;
--color-meringue-500: #958552;
--color-meringue-600: #7e7146;
--color-meringue-700: #655a38;
--color-meringue-800: #4b4227;
--color-meringue-900: #342d1a;
--color-meringue-950: #1f1a0b;
}SCSS
$meringue: #f3e4b3;
$meringue-rgb: 243, 228, 179;
$meringue-light: mix(#fff, $meringue, 20%);
$meringue-dark: mix(#000, $meringue, 20%);
.element {
color: $meringue;
box-shadow: 0 0 0 2px rgba($meringue, 0.35);
}