Colore con nome · #873260
Boysenberry
Boysenberry è #873260: rgb(135 50 96), hsl(328 46% 36%), oklch(0.453 0.127 349.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Boysenberry color name →
#873260
oklch(0.453 0.127 349.8)
Conversioni di colore
- HEX
- #873260
- RGB
- rgb(135 50 96)
- HSL
- hsl(328 46% 36%)
- HWB
- hwb(328 20% 47%)
- OKLCH
- oklch(0.453 0.127 349.8)
- OKLab
- oklab(0.453 0.125 -0.022)
- CIE Lab
- lab(34.77 40.56 -8.02)
- LCH
- lch(34.77 41.34 348.8)
- CMYK
- cmyk(0% 63% 29% 47%)
Tinte · Ombre · Toni
Tinte
- 94476F
- A15B7E
- AE6F8D
- BA839C
- C697AC
- D2ABBC
- DEC0CD
- E9D4DD
- F4EAEE
Ombre
- 752A52
- 632245
- 511B38
- 41142C
- 310D20
- 210715
- 13030A
- 060103
- 010000
Toni
- 873B63
- 884466
- 884C6A
- 88546D
- 875C70
- 866373
- 856A76
- 84727A
- 82797D
Armonie di colore
Complementare +180°
- 873260
Boysenberry
- 00664E
≈ Green Paw Paw
Analogo -30° +30°
- 873260
Boysenberry
- 743A81
≈ Maximum Purple
- 8F3138
≈ Sehnsucht Red
Triadico +120° +240°
- 873260
Boysenberry
- 5A5A00
≈ Greensboro
- 005E7E
≈ Back of Beyond
Complementare divisa +150° +210°
- 873260
Boysenberry
- 286617
≈ Keen Green
- 006367
≈ Really Teal
Tetradico +90° +180° +270°
- 873260
Boysenberry
- 714F00
≈ Lucky Brown
- 00664E
≈ Green Paw Paw
- 27539B
≈ Blue Sail
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.90:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.65:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--boysenberry: #873260;
--boysenberry-rgb: 135 50 96;
--boysenberry-oklch: oklch(0.453 0.127 349.8);
}
.element {
color: var(--boysenberry);
background-color: hsl(328 46% 36%);
border-color: oklch(0.453 0.127 349.8);
}Tailwind CSS v4
@theme {
--color-boysenberry: #873260;
--color-boysenberry-50: #ffe7f9;
--color-boysenberry-100: #ffd7ec;
--color-boysenberry-200: #ffbeda;
--color-boysenberry-300: #ea9cbe;
--color-boysenberry-400: #d67ea9;
--color-boysenberry-500: #c35f92;
--color-boysenberry-600: #a4517c;
--color-boysenberry-700: #844063;
--color-boysenberry-800: #612e4a;
--color-boysenberry-900: #441f33;
--color-boysenberry-950: #2c0f1f;
}SCSS
$boysenberry: #873260;
$boysenberry-rgb: 135, 50, 96;
$boysenberry-light: mix(#fff, $boysenberry, 20%);
$boysenberry-dark: mix(#000, $boysenberry, 20%);
.element {
color: $boysenberry;
box-shadow: 0 0 0 2px rgba($boysenberry, 0.35);
}