لون مسمّى · #873260
Boysenberry
Boysenberry هو #873260: rgb(135 50 96)، hsl(328 46% 36%)، oklch(0.453 0.127 349.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Boysenberry color name →
#873260
oklch(0.453 0.127 349.8)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 94476F
- A15B7E
- AE6F8D
- BA839C
- C697AC
- D2ABBC
- DEC0CD
- E9D4DD
- F4EAEE
درجات داكنة
- 752A52
- 632245
- 511B38
- 41142C
- 310D20
- 210715
- 13030A
- 060103
- 010000
درجات رمادية
- 873B63
- 884466
- 884C6A
- 88546D
- 875C70
- 866373
- 856A76
- 84727A
- 82797D
تناسق الألوان
متمم +180°
- 873260
Boysenberry
- 00664E
≈ Green Paw Paw
متجاور -30° +30°
- 873260
Boysenberry
- 743A81
≈ Maximum Purple
- 8F3138
≈ Sehnsucht Red
ثلاثي +120° +240°
- 873260
Boysenberry
- 5A5A00
≈ Greensboro
- 005E7E
≈ Back of Beyond
متمم منقسم +150° +210°
- 873260
Boysenberry
- 286617
≈ Keen Green
- 006367
≈ Really Teal
رباعي +90° +180° +270°
- 873260
Boysenberry
- 714F00
≈ Lucky Brown
- 00664E
≈ Green Paw Paw
- 27539B
≈ Blue Sail
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.90:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.65:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
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);
}