Benannte Farbe · #F4B6A8
Pink Mimosa
Pink Mimosa ist #F4B6A8: rgb(244 182 168), hsl(11 78% 81%), oklch(0.83 0.075 33.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Pink Mimosa color name →
#F4B6A8
oklch(0.83 0.075 33.1)
Farbumrechnungen
- HEX
- #f4b6a8
- RGB
- rgb(244 182 168)
- HSL
- hsl(11 78% 81%)
- HWB
- hwb(11 66% 4%)
- OKLCH
- oklch(0.83 0.075 33.1)
- OKLab
- oklab(0.83 0.063 0.041)
- CIE Lab
- lab(79.63 21.8 16.41)
- LCH
- lch(79.63 27.28 37)
- CMYK
- cmyk(0% 25% 31% 4%)
Tints · Shades · Tones
Tints
- F6BDB1
- F7C5B9
- F8CCC2
- FAD3CA
- FBDBD3
- FCE2DC
- FDE9E5
- FEF0ED
- FEF8F6
Shades
- D49E92
- B5867C
- 976F67
- 7A5952
- 5E443F
- 44302C
- 2B1D1A
- 140C0A
- 030201
Tones
- E8B1A4
- DCABA0
- D1A69C
- C5A098
- B99B94
- AE9690
- A2908C
- 978B88
- 8B8584
Farbharmonien
Komplementär +180°
- F4B6A8
Pink Mimosa
- 8CD5E4
≈ Fresh Blue
Analog -30° +30°
- F4B6A8
Pink Mimosa
- F2B3C2
≈ Ibis
- EBBD95
≈ Queen Conch Shell
Triadisch +120° +240°
- F4B6A8
Pink Mimosa
- A2D6B0
≈ Frugal
- B7C5F9
≈ Light Periwinkle
Geteilt komplementär +150° +210°
- F4B6A8
Pink Mimosa
- 8ED8CC
≈ Middle Blue Green
- 9DCEF5
≈ Baby Blue Eyes
Tetradisch +90° +180° +270°
- F4B6A8
Pink Mimosa
- BED09A
≈ Fava Bean
- 8CD5E4
≈ Fresh Blue
- D1BCF0
≈ Connecticut Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.10:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--pink-mimosa: #f4b6a8;
--pink-mimosa-rgb: 244 182 168;
--pink-mimosa-oklch: oklch(0.83 0.075 33.1);
}
.element {
color: var(--pink-mimosa);
background-color: hsl(11 78% 81%);
border-color: oklch(0.83 0.075 33.1);
}Tailwind CSS v4
@theme {
--color-pink-mimosa: #f4b6a8;
--color-pink-mimosa-50: #ffeee7;
--color-pink-mimosa-100: #ffe0d7;
--color-pink-mimosa-200: #f2cabf;
--color-pink-mimosa-300: #dbaa9e;
--color-pink-mimosa-400: #c78f82;
--color-pink-mimosa-500: #b27466;
--color-pink-mimosa-600: #976256;
--color-pink-mimosa-700: #794e45;
--color-pink-mimosa-800: #5a3832;
--color-pink-mimosa-900: #3f2722;
--color-pink-mimosa-950: #281511;
}SCSS
$pink-mimosa: #f4b6a8;
$pink-mimosa-rgb: 244, 182, 168;
$pink-mimosa-light: mix(#fff, $pink-mimosa, 20%);
$pink-mimosa-dark: mix(#000, $pink-mimosa, 20%);
.element {
color: $pink-mimosa;
box-shadow: 0 0 0 2px rgba($pink-mimosa, 0.35);
}