Cor nomeada · #F3BBC0
Petals Unfolding
Petals Unfolding é #F3BBC0: rgb(243 187 192), hsl(355 70% 84%), oklch(0.844 0.065 12.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Petals Unfolding color name →
#F3BBC0
oklch(0.844 0.065 12.6)
Conversões de cor
- HEX
- #f3bbc0
- RGB
- rgb(243 187 192)
- HSL
- hsl(355 70% 84%)
- HWB
- hwb(355 73% 5%)
- OKLCH
- oklch(0.844 0.065 12.6)
- OKLab
- oklab(0.844 0.063 0.014)
- CIE Lab
- lab(81.16 21.32 5.69)
- LCH
- lch(81.16 22.06 14.9)
- CMYK
- cmyk(0% 23% 21% 5%)
Tons claros · Sombras · Tons
Tons claros
- F5C2C6
- F6C9CC
- F8CFD3
- F9D6D9
- FADDDF
- FBE4E5
- FCEBEC
- FDF1F2
- FEF8F9
Sombras
- D3A2A7
- B48A8E
- 977376
- 7A5C5F
- 5E4649
- 443234
- 2B1F20
- 140D0E
- 030202
Tons
- E7B5B9
- DBAFB3
- D0A9AC
- C4A3A6
- B99D9F
- AD9799
- A29293
- 968C8C
- 8B8686
Harmonias de cor
Complementar +180°
- F3BBC0
Petals Unfolding
- 9ADAD7
≈ In the Shallows
Análoga -30° +30°
- F3BBC0
Petals Unfolding
- EBBCD7
≈ Sweet Taffy
- F2BFAB
≈ Sun-Kissed Apricot
Tríade +120° +240°
- F3BBC0
Petals Unfolding
- BCD5AA
≈ Bleached Spruce
- AECFF6
≈ Ice Cold Stare
Complementar dividida +150° +210°
- F3BBC0
Petals Unfolding
- A6DABF
≈ Shanghai Jade
- 9DD6EB
≈ Light Budgie Blue
Tétrade +90° +180° +270°
- F3BBC0
Petals Unfolding
- D3CE9D
≈ Wasabi Zing
- 9ADAD7
≈ In the Shallows
- C5C7F6
≈ Light Periwinkle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.68:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--petals-unfolding: #f3bbc0;
--petals-unfolding-rgb: 243 187 192;
--petals-unfolding-oklch: oklch(0.844 0.065 12.6);
}
.element {
color: var(--petals-unfolding);
background-color: hsl(355 70% 84%);
border-color: oklch(0.844 0.065 12.6);
}Tailwind CSS v4
@theme {
--color-petals-unfolding: #f3bbc0;
--color-petals-unfolding-50: #ffeeef;
--color-petals-unfolding-100: #fde0e1;
--color-petals-unfolding-200: #efcacb;
--color-petals-unfolding-300: #d7aaad;
--color-petals-unfolding-400: #c28f94;
--color-petals-unfolding-500: #ad747a;
--color-petals-unfolding-600: #926368;
--color-petals-unfolding-700: #754f53;
--color-petals-unfolding-800: #56393d;
--color-petals-unfolding-900: #3c272a;
--color-petals-unfolding-950: #261517;
}SCSS
$petals-unfolding: #f3bbc0;
$petals-unfolding-rgb: 243, 187, 192;
$petals-unfolding-light: mix(#fff, $petals-unfolding, 20%);
$petals-unfolding-dark: mix(#000, $petals-unfolding, 20%);
.element {
color: $petals-unfolding;
box-shadow: 0 0 0 2px rgba($petals-unfolding, 0.35);
}