En yakın adlandırılmış renk · #BB3C8D
#BB3C8D
En yakın adlandırılmış renk: Fandango
#BB3C8D (rgb(187 60 141), hsl(322 51% 48%), oklch(0.564 0.183 345.3)) en çok Fandango adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BB3C8D
oklch(0.564 0.183 345.3)
Renk dönüşümleri
- HEX
- #bb3c8d
- RGB
- rgb(187 60 141)
- HSL
- hsl(322 51% 48%)
- HWB
- hwb(322 24% 27%)
- OKLCH
- oklch(0.564 0.183 345.3)
- OKLab
- oklab(0.564 0.177 -0.046)
- CIE Lab
- lab(46.86 57.06 -16.64)
- LCH
- lch(46.86 59.44 343.7)
- CMYK
- cmyk(0% 68% 25% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C45398
- CC67A3
- D47BAE
- DC8EBA
- E3A1C5
- EAB3D0
- F0C6DC
- F5D9E8
- FAECF3
Koyu tonlar
- A2337A
- 8A2A67
- 732155
- 5C1944
- 461133
- 320A23
- 1F0414
- 0D0107
- 020001
Gri tonlar
- B6468C
- B24F8B
- AC5689
- A75E88
- A26487
- 9C6A86
- 957084
- 8F7683
- 887B81
Renk uyumları
Tamamlayıcı +180°
- BB3C8D
Fandango
- 008B64
≈ Chagall Green
Analog -30° +30°
- BB3C8D
Fandango
- 9D4BBD
≈ Fuchsia Pheromone
- CA3751
≈ Tomato Puree
Üçlü +120° +240°
- BB3C8D
Fandango
- 807900
≈ Tool Green
- 0082A5
≈ Tibetan Turquoise
Bölünmüş tamamlayıcı +150° +210°
- BB3C8D
Fandango
- 458900
≈ Mughal Green
- 008787
≈ Tubbataha Teal
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.06:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.14:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 5.06:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--fandango: #bb3c8d;
--fandango-rgb: 187 60 141;
--fandango-oklch: oklch(0.564 0.183 345.3);
}
.element {
color: var(--fandango);
background-color: hsl(322 51% 48%);
border-color: oklch(0.564 0.183 345.3);
}Tailwind CSS v4
@theme {
--color-fandango: #bb3c8d;
--color-fandango-50: #ffe1ff;
--color-fandango-100: #ffd0f3;
--color-fandango-200: #ffb4e3;
--color-fandango-300: #fa8fc9;
--color-fandango-400: #e76cb6;
--color-fandango-500: #d445a1;
--color-fandango-600: #b33c88;
--color-fandango-700: #90306d;
--color-fandango-800: #6b2252;
--color-fandango-900: #4b1639;
--color-fandango-950: #310724;
}SCSS
$fandango: #bb3c8d;
$fandango-rgb: 187, 60, 141;
$fandango-light: mix(#fff, $fandango, 20%);
$fandango-dark: mix(#000, $fandango, 20%);
.element {
color: $fandango;
box-shadow: 0 0 0 2px rgba($fandango, 0.35);
}