Adlandırılmış renk · #AC1DB8
Barney
Barney, #AC1DB8: rgb(172 29 184), hsl(295 73% 42%), oklch(0.54 0.236 324.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Barney color name →
#AC1DB8
oklch(0.54 0.236 324.5)
Renk dönüşümleri
- HEX
- #ac1db8
- RGB
- rgb(172 29 184)
- HSL
- hsl(295 73% 42%)
- HWB
- hwb(295 11% 28%)
- OKLCH
- oklch(0.54 0.236 324.5)
- OKLab
- oklab(0.54 0.192 -0.137)
- CIE Lab
- lab(42.71 67.11 -48.94)
- LCH
- lch(42.71 83.06 323.9)
- CMYK
- cmyk(7% 84% 0% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B640C0
- BF59C8
- C970D0
- D185D7
- DA9ADE
- E2AEE5
- EAC2EC
- F1D7F2
- F8EBF9
Koyu tonlar
- 9518A0
- 7F1388
- 690E71
- 54095B
- 400545
- 2D0331
- 1B011E
- 0B000C
- 010002
Gri tonlar
- A931B3
- A540AE
- A14BA9
- 9D55A3
- 995D9E
- 956598
- 906C92
- 8B738D
- 867A86
Renk uyumları
Tamamlayıcı +180°
- AC1DB8
Barney
- 00861E
≈ Fatal Fields
Analog -30° +30°
- AC1DB8
Barney
- 7D3DE5
≈ Bluish Purple
- C60076
≈ Purple Anxiety
Üçlü +120° +240°
- AC1DB8
Barney
- 8C6800
≈ Muddy Brown
- 007E87
≈ Go Alpha
Bölünmüş tamamlayıcı +150° +210°
- AC1DB8
Barney
- 6E7600
≈ Spinach Soup
- 00816B
≈ Emperor’s Silk
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.79:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.62:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.79:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--barney: #ac1db8;
--barney-rgb: 172 29 184;
--barney-oklch: oklch(0.54 0.236 324.5);
}
.element {
color: var(--barney);
background-color: hsl(295 73% 42%);
border-color: oklch(0.54 0.236 324.5);
}Tailwind CSS v4
@theme {
--color-barney: #ac1db8;
--color-barney-50: #ffdeff;
--color-barney-100: #ffccff;
--color-barney-200: #ffafff;
--color-barney-300: #f487f6;
--color-barney-400: #df61ea;
--color-barney-500: #cd30da;
--color-barney-600: #ad2cb8;
--color-barney-700: #8b2394;
--color-barney-800: #661871;
--color-barney-900: #48104f;
--color-barney-950: #2e0235;
}SCSS
$barney: #ac1db8;
$barney-rgb: 172, 29, 184;
$barney-light: mix(#fff, $barney, 20%);
$barney-dark: mix(#000, $barney, 20%);
.element {
color: $barney;
box-shadow: 0 0 0 2px rgba($barney, 0.35);
}