Cor nomeada · #EFAB93
Shishi Pink
Shishi Pink é #EFAB93: rgb(239 171 147), hsl(16 74% 76%), oklch(0.8 0.087 40.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Shishi Pink color name →
#EFAB93
oklch(0.8 0.087 40.3)
Conversões de cor
- HEX
- #efab93
- RGB
- rgb(239 171 147)
- HSL
- hsl(16 74% 76%)
- HWB
- hwb(16 58% 6%)
- OKLCH
- oklch(0.8 0.087 40.3)
- OKLab
- oklab(0.8 0.067 0.056)
- CIE Lab
- lab(76.17 23.55 22.84)
- LCH
- lch(76.17 32.8 44.1)
- CMYK
- cmyk(0% 28% 38% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1B39E
- F3BCA8
- F5C4B3
- F7CDBE
- F9D5C9
- FADDD3
- FCE6DE
- FDEEE9
- FEF7F4
Sombras
- D0947F
- B17E6C
- 946859
- 785447
- 5C4036
- 422D25
- 2A1B16
- 140B08
- 030101
Tons
- E4A791
- D9A390
- CD9E8E
- C29A8C
- B7968A
- AC9288
- A18D86
- 968984
- 8B8482
Harmonias de cor
Complementar +180°
- EFAB93
Shishi Pink
- 7ACBE5
≈ Big Chill
Análoga -30° +30°
- EFAB93
Shishi Pink
- F0A7B0
≈ Princess
- E2B47F
≈ High Plateau
Tríade +120° +240°
- EFAB93
Shishi Pink
- 8BCFAB
≈ Marooned
- B2B8F5
≈ Purple Illusion
Complementar dividida +150° +210°
- EFAB93
Shishi Pink
- 76D0CA
≈ Hidden Sea Glass
- 93C2F4
≈ Sail to the Sea
Tétrade +90° +180° +270°
- EFAB93
Shishi Pink
- ABC98E
≈ Venerable Verde
- 7ACBE5
≈ Big Chill
- CFAEE8
≈ Purple Sand
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.91:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--shishi-pink: #efab93;
--shishi-pink-rgb: 239 171 147;
--shishi-pink-oklch: oklch(0.8 0.087 40.3);
}
.element {
color: var(--shishi-pink);
background-color: hsl(16 74% 76%);
border-color: oklch(0.8 0.087 40.3);
}Tailwind CSS v4
@theme {
--color-shishi-pink: #efab93;
--color-shishi-pink-50: #ffeee2;
--color-shishi-pink-100: #ffdfd1;
--color-shishi-pink-200: #f6c9b7;
--color-shishi-pink-300: #dfa994;
--color-shishi-pink-400: #cb8d77;
--color-shishi-pink-500: #b77259;
--color-shishi-pink-600: #9b604c;
--color-shishi-pink-700: #7c4d3c;
--color-shishi-pink-800: #5c372c;
--color-shishi-pink-900: #41261d;
--color-shishi-pink-950: #29140d;
}SCSS
$shishi-pink: #efab93;
$shishi-pink-rgb: 239, 171, 147;
$shishi-pink-light: mix(#fff, $shishi-pink, 20%);
$shishi-pink-dark: mix(#000, $shishi-pink, 20%);
.element {
color: $shishi-pink;
box-shadow: 0 0 0 2px rgba($shishi-pink, 0.35);
}