Cor nomeada · #FFC9C4
Hooked Mimosa
Hooked Mimosa é #FFC9C4: rgb(255 201 196), hsl(5 100% 88%), oklch(0.882 0.062 24.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Hooked Mimosa color name →
#FFC9C4
oklch(0.882 0.062 24.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FFCECA
- FFD4D0
- FFD9D6
- FFDFDB
- FFE4E1
- FFE9E7
- FFEFED
- FFF4F3
- FFFAF9
Sombras
- DEAEAA
- BE9591
- 9E7C78
- 806461
- 634C4A
- 483635
- 2E2221
- 160F0E
- 030202
Tons
- F2C2BD
- E5BAB6
- D8B3AF
- CBABA8
- BEA4A1
- B29D9B
- A59594
- 998E8D
- 8C8787
Harmonias de cor
Complementar +180°
- FFC9C4
Hooked Mimosa
- A8E5EB
≈ Uranus
Análoga -30° +30°
- FFC9C4
Hooked Mimosa
- FBC8DB
≈ Blossom Tree
- FACEB2
≈ Lips of Apricot
Tríade +120° +240°
- FFC9C4
Hooked Mimosa
- C0E4BF
≈ Lime Sorbet
- C6D8FF
≈ Pale Phthalo Blue
Complementar dividida +150° +210°
- FFC9C4
Hooked Mimosa
- AEE6D5
≈ Crystal Rapids
- B1E0FC
≈ Fairy Sparkles
Tétrade +90° +180° +270°
- FFC9C4
Hooked Mimosa
- D7DEAF
≈ Garden Leek
- A8E5EB
≈ Uranus
- DAD1FE
≈ Pale Lavender
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.40:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
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);
}