Colore con nome · #F4B6A8
Pink Mimosa
Pink Mimosa è #F4B6A8: rgb(244 182 168), hsl(11 78% 81%), oklch(0.83 0.075 33.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Pink Mimosa color name →
#F4B6A8
oklch(0.83 0.075 33.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F6BDB1
- F7C5B9
- F8CCC2
- FAD3CA
- FBDBD3
- FCE2DC
- FDE9E5
- FEF0ED
- FEF8F6
Ombre
- D49E92
- B5867C
- 976F67
- 7A5952
- 5E443F
- 44302C
- 2B1D1A
- 140C0A
- 030201
Toni
- E8B1A4
- DCABA0
- D1A69C
- C5A098
- B99B94
- AE9690
- A2908C
- 978B88
- 8B8584
Armonie di colore
Complementare +180°
- F4B6A8
Pink Mimosa
- 8CD5E4
≈ Fresh Blue
Analogo -30° +30°
- F4B6A8
Pink Mimosa
- F2B3C2
≈ Ibis
- EBBD95
≈ Queen Conch Shell
Triadico +120° +240°
- F4B6A8
Pink Mimosa
- A2D6B0
≈ Frugal
- B7C5F9
≈ Light Periwinkle
Complementare divisa +150° +210°
- F4B6A8
Pink Mimosa
- 8ED8CC
≈ Middle Blue Green
- 9DCEF5
≈ Baby Blue Eyes
Tetradico +90° +180° +270°
- F4B6A8
Pink Mimosa
- BED09A
≈ Fava Bean
- 8CD5E4
≈ Fresh Blue
- D1BCF0
≈ Connecticut Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.10:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
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);
}