لون مسمّى · #BA7AB3
Colombo Red Mauve
Colombo Red Mauve هو #BA7AB3: rgb(186 122 179)، hsl(307 32% 60%)، oklch(0.665 0.11 330.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Colombo Red Mauve color name →
#BA7AB3
oklch(0.665 0.11 330.6)
تحويلات الألوان
- HEX
- #ba7ab3
- RGB
- rgb(186 122 179)
- HSL
- hsl(307 32% 60%)
- HWB
- hwb(307 48% 27%)
- OKLCH
- oklch(0.665 0.11 330.6)
- OKLab
- oklab(0.665 0.096 -0.054)
- CIE Lab
- lab(59.53 32.29 -19.7)
- LCH
- lch(59.53 37.83 328.6)
- CMYK
- cmyk(0% 34% 4% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C187BB
- C994C2
- D0A1CA
- D7AED1
- DEBCD9
- E5C9E1
- EBD6E8
- F2E4F0
- F9F1F7
درجات داكنة
- A1699B
- 895984
- 72496E
- 5C3A58
- 462B43
- 321D2F
- 1E101D
- 0D050C
- 020101
درجات رمادية
- B47BAE
- AF7CA9
- A97DA4
- A37D9F
- 9E7E9A
- 987F94
- 927F8F
- 8C7F8A
- 868085
تناسق الألوان
متمم +180°
- BA7AB3
Colombo Red Mauve
- 5DA770
≈ Aqua Forest
متجاور -30° +30°
- BA7AB3
Colombo Red Mauve
- 9F83CD
≈ Lilac Purple
- CA7690
≈ Watermelon Pink
ثلاثي +120° +240°
- BA7AB3
Colombo Red Mauve
- AD913A
≈ Turmeric
- 1EA5B9
≈ Jamaican Sea
متمم منقسم +150° +210°
- BA7AB3
Colombo Red Mauve
- 8A9E4C
≈ Nasturtium Shoot
- 2BA997
≈ Tropical Hideaway
رباعي +90° +180° +270°
- BA7AB3
Colombo Red Mauve
- C48349
≈ Butterscotch Glaze
- 5DA770
≈ Aqua Forest
- 4E9CD0
≈ Blue Iguana
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.21:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.52:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--colombo-red-mauve: #ba7ab3;
--colombo-red-mauve-rgb: 186 122 179;
--colombo-red-mauve-oklch: oklch(0.665 0.11 330.6);
}
.element {
color: var(--colombo-red-mauve);
background-color: hsl(307 32% 60%);
border-color: oklch(0.665 0.11 330.6);
}Tailwind CSS v4
@theme {
--color-colombo-red-mauve: #ba7ab3;
--color-colombo-red-mauve-50: #ffeaff;
--color-colombo-red-mauve-100: #ffdbf8;
--color-colombo-red-mauve-200: #f1c3e9;
--color-colombo-red-mauve-300: #daa3d0;
--color-colombo-red-mauve-400: #c486bd;
--color-colombo-red-mauve-500: #af6aa8;
--color-colombo-red-mauve-600: #945a8e;
--color-colombo-red-mauve-700: #774872;
--color-colombo-red-mauve-800: #573455;
--color-colombo-red-mauve-900: #3d233b;
--color-colombo-red-mauve-950: #261225;
}SCSS
$colombo-red-mauve: #ba7ab3;
$colombo-red-mauve-rgb: 186, 122, 179;
$colombo-red-mauve-light: mix(#fff, $colombo-red-mauve, 20%);
$colombo-red-mauve-dark: mix(#000, $colombo-red-mauve, 20%);
.element {
color: $colombo-red-mauve;
box-shadow: 0 0 0 2px rgba($colombo-red-mauve, 0.35);
}