Colore con nome · #863F76
Sister Loganberry Frost
Sister Loganberry Frost è #863F76: rgb(134 63 118), hsl(314 36% 39%), oklch(0.479 0.12 336.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sister Loganberry Frost color name →
#863F76
oklch(0.479 0.12 336.6)
Conversioni di colore
- HEX
- #863f76
- RGB
- rgb(134 63 118)
- HSL
- hsl(314 36% 39%)
- HWB
- hwb(314 25% 47%)
- OKLCH
- oklch(0.479 0.12 336.6)
- OKLab
- oklab(0.479 0.11 -0.048)
- CIE Lab
- lab(37.78 36.5 -17.34)
- LCH
- lch(37.78 40.41 334.6)
- CMYK
- cmyk(0% 53% 12% 47%)
Tinte · Ombre · Toni
Tinte
- 935283
- 9F6490
- AC779E
- B88AAB
- C49DB9
- D0B0C7
- DCC3D4
- E8D7E3
- F3EBF1
Ombre
- 743566
- 622C56
- 512347
- 401B38
- 301229
- 210A1C
- 13040F
- 060105
- 010001
Toni
- 864677
- 864D78
- 865479
- 865B7A
- 85617B
- 85677C
- 846E7D
- 83747E
- 827A7F
Armonie di colore
Complementare +180°
- 863F76
Sister Loganberry Frost
- 007041
≈ Diisha Green
Analogo -30° +30°
- 863F76
Sister Loganberry Frost
- 6F4892
≈ Grapes of Italy
- 933B52
≈ Ancient Magenta
Triadico +120° +240°
- 863F76
Sister Loganberry Frost
- 6D5C00
≈ Brussels Sprout Green
- 00697C
≈ Caribbean Splash
Complementare divisa +150° +210°
- 863F76
Sister Loganberry Frost
- 4B6905
≈ Over the Hills
- 006C65
≈ Office Blue Green
Tetradico +90° +180° +270°
- 863F76
Sister Loganberry Frost
- 844F00
≈ Medium Brown
- 007041
≈ Diisha Green
- 0B619C
≈ Rave Regatta
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.03:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.98:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--sister-loganberry-frost: #863f76;
--sister-loganberry-frost-rgb: 134 63 118;
--sister-loganberry-frost-oklch: oklch(0.479 0.12 336.6);
}
.element {
color: var(--sister-loganberry-frost);
background-color: hsl(314 36% 39%);
border-color: oklch(0.479 0.12 336.6);
}Tailwind CSS v4
@theme {
--color-sister-loganberry-frost: #863f76;
--color-sister-loganberry-frost-50: #ffe9ff;
--color-sister-loganberry-frost-100: #ffd9f6;
--color-sister-loganberry-frost-200: #f8c1e6;
--color-sister-loganberry-frost-300: #e19fcc;
--color-sister-loganberry-frost-400: #cb82b9;
--color-sister-loganberry-frost-500: #b764a3;
--color-sister-loganberry-frost-600: #9b558a;
--color-sister-loganberry-frost-700: #7c446f;
--color-sister-loganberry-frost-800: #5b3153;
--color-sister-loganberry-frost-900: #40213a;
--color-sister-loganberry-frost-950: #291024;
}SCSS
$sister-loganberry-frost: #863f76;
$sister-loganberry-frost-rgb: 134, 63, 118;
$sister-loganberry-frost-light: mix(#fff, $sister-loganberry-frost, 20%);
$sister-loganberry-frost-dark: mix(#000, $sister-loganberry-frost, 20%);
.element {
color: $sister-loganberry-frost;
box-shadow: 0 0 0 2px rgba($sister-loganberry-frost, 0.35);
}