Nazwany kolor · #873260
Boysenberry
Boysenberry to #873260: rgb(135 50 96), hsl(328 46% 36%), oklch(0.453 0.127 349.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Boysenberry color name →
#873260
oklch(0.453 0.127 349.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 94476F
- A15B7E
- AE6F8D
- BA839C
- C697AC
- D2ABBC
- DEC0CD
- E9D4DD
- F4EAEE
Odcienie ciemniejsze
- 752A52
- 632245
- 511B38
- 41142C
- 310D20
- 210715
- 13030A
- 060103
- 010000
Tony
- 873B63
- 884466
- 884C6A
- 88546D
- 875C70
- 866373
- 856A76
- 84727A
- 82797D
Harmonie kolorów
Komplementarna +180°
- 873260
Boysenberry
- 00664E
≈ Green Paw Paw
Analogowa -30° +30°
- 873260
Boysenberry
- 743A81
≈ Maximum Purple
- 8F3138
≈ Sehnsucht Red
Triada +120° +240°
- 873260
Boysenberry
- 5A5A00
≈ Greensboro
- 005E7E
≈ Back of Beyond
Komplementarna rozszczepiona +150° +210°
- 873260
Boysenberry
- 286617
≈ Keen Green
- 006367
≈ Really Teal
Tetrada +90° +180° +270°
- 873260
Boysenberry
- 714F00
≈ Lucky Brown
- 00664E
≈ Green Paw Paw
- 27539B
≈ Blue Sail
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.90:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.65:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}