Adlandırılmış renk · #B80CE3
Vivid Mulberry
Vivid Mulberry, #B80CE3: rgb(184 12 227), hsl(288 90% 47%), oklch(0.581 0.279 317). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Vivid Mulberry color name →
#B80CE3
oklch(0.581 0.279 317)
Renk dönüşümleri
- HEX
- #b80ce3
- RGB
- rgb(184 12 227)
- HSL
- hsl(288 90% 47%)
- HWB
- hwb(288 5% 11%)
- OKLCH
- oklch(0.581 0.279 317)
- OKLab
- oklab(0.581 0.204 -0.19)
- CIE Lab
- lab(46.42 77.21 -67.67)
- LCH
- lch(46.42 102.67 318.8)
- CMYK
- cmyk(19% 95% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C03FE7
- C85BEB
- D073EF
- D789F3
- DF9DF6
- E6B1F8
- ECC5FB
- F3D8FC
- F9ECFE
Koyu tonlar
- A009C5
- 8806A8
- 71048C
- 5B0371
- 450257
- 31013F
- 1E0027
- 0C0012
- 020003
Gri tonlar
- B32EDA
- AE40D0
- A94DC7
- A457BD
- 9E60B3
- 9968AA
- 936FA0
- 8D7595
- 877B8B
Renk uyumları
Tamamlayıcı +180°
- B80CE3
Vivid Mulberry
- 409100
≈ Christmas Green
Analog -30° +30°
- B80CE3
Vivid Mulberry
- 7A50FF
≈ Venetian Nights
- D60096
≈ Indian Lake
Üçlü +120° +240°
- B80CE3
Vivid Mulberry
- A26F00
≈ Golden Hind
- 008C8F
≈ Egyptian Teal
Bölünmüş tamamlayıcı +150° +210°
- B80CE3
Vivid Mulberry
- 837F00
≈ Olive
- 00906C
≈ Sea Swell
Dörtlü +90° +180° +270°
- B80CE3
Vivid Mulberry
- C35500
≈ Rust Orange
- 409100
≈ Christmas Green
- 0087AE
≈ Lyrebird
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.00:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.19:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--vivid-mulberry: #b80ce3;
--vivid-mulberry-rgb: 184 12 227;
--vivid-mulberry-oklch: oklch(0.581 0.279 317);
}
.element {
color: var(--vivid-mulberry);
background-color: hsl(288 90% 47%);
border-color: oklch(0.581 0.279 317);
}Tailwind CSS v4
@theme {
--color-vivid-mulberry: #b80ce3;
--color-vivid-mulberry-50: #ffdcff;
--color-vivid-mulberry-100: #ffc9ff;
--color-vivid-mulberry-200: #ffabff;
--color-vivid-mulberry-300: #f280ff;
--color-vivid-mulberry-400: #dd54ff;
--color-vivid-mulberry-500: #cb00fb;
--color-vivid-mulberry-600: #ab08d3;
--color-vivid-mulberry-700: #890baa;
--color-vivid-mulberry-800: #640782;
--color-vivid-mulberry-900: #46065c;
--color-vivid-mulberry-950: #2e003f;
}SCSS
$vivid-mulberry: #b80ce3;
$vivid-mulberry-rgb: 184, 12, 227;
$vivid-mulberry-light: mix(#fff, $vivid-mulberry, 20%);
$vivid-mulberry-dark: mix(#000, $vivid-mulberry, 20%);
.element {
color: $vivid-mulberry;
box-shadow: 0 0 0 2px rgba($vivid-mulberry, 0.35);
}