Nazwany kolor · #EFAB93
Shishi Pink
Shishi Pink to #EFAB93: rgb(239 171 147), hsl(16 74% 76%), oklch(0.8 0.087 40.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Shishi Pink color name →
#EFAB93
oklch(0.8 0.087 40.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1B39E
- F3BCA8
- F5C4B3
- F7CDBE
- F9D5C9
- FADDD3
- FCE6DE
- FDEEE9
- FEF7F4
Odcienie ciemniejsze
- D0947F
- B17E6C
- 946859
- 785447
- 5C4036
- 422D25
- 2A1B16
- 140B08
- 030101
Tony
- E4A791
- D9A390
- CD9E8E
- C29A8C
- B7968A
- AC9288
- A18D86
- 968984
- 8B8482
Harmonie kolorów
Komplementarna +180°
- EFAB93
Shishi Pink
- 7ACBE5
≈ Big Chill
Analogowa -30° +30°
- EFAB93
Shishi Pink
- F0A7B0
≈ Princess
- E2B47F
≈ High Plateau
Triada +120° +240°
- EFAB93
Shishi Pink
- 8BCFAB
≈ Marooned
- B2B8F5
≈ Purple Illusion
Komplementarna rozszczepiona +150° +210°
- EFAB93
Shishi Pink
- 76D0CA
≈ Hidden Sea Glass
- 93C2F4
≈ Sail to the Sea
Tetrada +90° +180° +270°
- EFAB93
Shishi Pink
- ABC98E
≈ Venerable Verde
- 7ACBE5
≈ Big Chill
- CFAEE8
≈ Purple Sand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.91:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}