Adlandırılmış renk · #B784A7
Opera Mauve
Opera Mauve, #B784A7: rgb(183 132 167), hsl(319 26% 62%), oklch(0.674 0.078 338.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Opera Mauve color name →
#B784A7
oklch(0.674 0.078 338.5)
Renk dönüşümleri
- HEX
- #b784a7
- RGB
- rgb(183 132 167)
- HSL
- hsl(319 26% 62%)
- HWB
- hwb(319 52% 28%)
- OKLCH
- oklch(0.674 0.078 338.5)
- OKLab
- oklab(0.674 0.073 -0.029)
- CIE Lab
- lab(61.15 24.34 -10.51)
- LCH
- lch(61.15 26.51 336.6)
- CMYK
- cmyk(0% 28% 9% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BE90B0
- C69CB8
- CDA8C1
- D4B4CA
- DCC0D2
- E3CDDB
- EAD9E4
- F1E6ED
- F8F2F6
Koyu tonlar
- 9F7291
- 87607B
- 704F66
- 5A3F52
- 452F3E
- 31202C
- 1E121A
- 0C060A
- 020101
Gri tonlar
- B284A3
- AC849F
- A7839B
- A18397
- 9C8393
- 968290
- 91828C
- 8B8188
- 868184
Renk uyumları
Tamamlayıcı +180°
- B784A7
Opera Mauve
- 6CA685
≈ Artemesia Green
Analog -30° +30°
- B784A7
Opera Mauve
- A48ABC
≈ Classic Bouquet
- C1838D
≈ Strawberry Jubilee
Üçlü +120° +240°
- B784A7
Opera Mauve
- A3985E
≈ Faded Khaki
- 5AA2B7
≈ Inuit
Bölünmüş tamamlayıcı +150° +210°
- B784A7
Opera Mauve
- 88A06C
≈ Purslane
- 58A6A0
≈ Paradise Island
Dörtlü +90° +180° +270°
- B784A7
Opera Mauve
- B78E61
≈ Mission Gold
- 6CA685
≈ Artemesia Green
- 709BC5
≈ Cerulean Frost
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.87:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--opera-mauve: #b784a7;
--opera-mauve-rgb: 183 132 167;
--opera-mauve-oklch: oklch(0.674 0.078 338.5);
}
.element {
color: var(--opera-mauve);
background-color: hsl(319 26% 62%);
border-color: oklch(0.674 0.078 338.5);
}Tailwind CSS v4
@theme {
--color-opera-mauve: #b784a7;
--color-opera-mauve-50: #ffedfc;
--color-opera-mauve-100: #fbdef0;
--color-opera-mauve-200: #ecc8df;
--color-opera-mauve-300: #d4a8c4;
--color-opera-mauve-400: #be8dae;
--color-opera-mauve-500: #a87298;
--color-opera-mauve-600: #8e6080;
--color-opera-mauve-700: #724d67;
--color-opera-mauve-800: #54384c;
--color-opera-mauve-900: #3a2635;
--color-opera-mauve-950: #241420;
}SCSS
$opera-mauve: #b784a7;
$opera-mauve-rgb: 183, 132, 167;
$opera-mauve-light: mix(#fff, $opera-mauve, 20%);
$opera-mauve-dark: mix(#000, $opera-mauve, 20%);
.element {
color: $opera-mauve;
box-shadow: 0 0 0 2px rgba($opera-mauve, 0.35);
}