Colore con nome · #FFC9C4
Hooked Mimosa
Hooked Mimosa è #FFC9C4: rgb(255 201 196), hsl(5 100% 88%), oklch(0.882 0.062 24.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Hooked Mimosa color name →
#FFC9C4
oklch(0.882 0.062 24.5)
Conversioni di colore
- HEX
- #ffc9c4
- RGB
- rgb(255 201 196)
- HSL
- hsl(5 100% 88%)
- HWB
- hwb(5 77% 0%)
- OKLCH
- oklch(0.882 0.062 24.5)
- OKLab
- oklab(0.882 0.057 0.026)
- CIE Lab
- lab(85.74 19.24 10.23)
- LCH
- lch(85.74 21.79 28)
- CMYK
- cmyk(0% 21% 23% 0%)
Tinte · Ombre · Toni
Tinte
- FFCECA
- FFD4D0
- FFD9D6
- FFDFDB
- FFE4E1
- FFE9E7
- FFEFED
- FFF4F3
- FFFAF9
Ombre
- DEAEAA
- BE9591
- 9E7C78
- 806461
- 634C4A
- 483635
- 2E2221
- 160F0E
- 030202
Toni
- F2C2BD
- E5BAB6
- D8B3AF
- CBABA8
- BEA4A1
- B29D9B
- A59594
- 998E8D
- 8C8787
Armonie di colore
Complementare +180°
- FFC9C4
Hooked Mimosa
- A8E5EB
≈ Uranus
Analogo -30° +30°
- FFC9C4
Hooked Mimosa
- FBC8DB
≈ Blossom Tree
- FACEB2
≈ Lips of Apricot
Triadico +120° +240°
- FFC9C4
Hooked Mimosa
- C0E4BF
≈ Lime Sorbet
- C6D8FF
≈ Pale Phthalo Blue
Complementare divisa +150° +210°
- FFC9C4
Hooked Mimosa
- AEE6D5
≈ Crystal Rapids
- B1E0FC
≈ Fairy Sparkles
Tetradico +90° +180° +270°
- FFC9C4
Hooked Mimosa
- D7DEAF
≈ Garden Leek
- A8E5EB
≈ Uranus
- DAD1FE
≈ Pale Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.40:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--hooked-mimosa: #ffc9c4;
--hooked-mimosa-rgb: 255 201 196;
--hooked-mimosa-oklch: oklch(0.882 0.062 24.5);
}
.element {
color: var(--hooked-mimosa);
background-color: hsl(5 100% 88%);
border-color: oklch(0.882 0.062 24.5);
}Tailwind CSS v4
@theme {
--color-hooked-mimosa: #ffc9c4;
--color-hooked-mimosa-50: #ffefec;
--color-hooked-mimosa-100: #fce1dd;
--color-hooked-mimosa-200: #eecbc6;
--color-hooked-mimosa-300: #d6aca7;
--color-hooked-mimosa-400: #c1918c;
--color-hooked-mimosa-500: #ac7672;
--color-hooked-mimosa-600: #916460;
--color-hooked-mimosa-700: #74504d;
--color-hooked-mimosa-800: #563a38;
--color-hooked-mimosa-900: #3c2827;
--color-hooked-mimosa-950: #261615;
}SCSS
$hooked-mimosa: #ffc9c4;
$hooked-mimosa-rgb: 255, 201, 196;
$hooked-mimosa-light: mix(#fff, $hooked-mimosa, 20%);
$hooked-mimosa-dark: mix(#000, $hooked-mimosa, 20%);
.element {
color: $hooked-mimosa;
box-shadow: 0 0 0 2px rgba($hooked-mimosa, 0.35);
}