En yakın adlandırılmış renk · #B924CE
#B924CE
En yakın adlandırılmış renk: Telemagenta
#B924CE (rgb(185 36 206), hsl(293 70% 47%), oklch(0.577 0.252 322.2)) en çok Telemagenta 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.
#B924CE
oklch(0.577 0.252 322.2)
Renk dönüşümleri
- HEX
- #b924ce
- RGB
- rgb(185 36 206)
- HSL
- hsl(293 70% 47%)
- HWB
- hwb(293 14% 19%)
- OKLCH
- oklch(0.577 0.252 322.2)
- OKLab
- oklab(0.577 0.199 -0.155)
- CIE Lab
- lab(46.71 70.98 -55.19)
- LCH
- lch(46.71 89.91 322.1)
- CMYK
- cmyk(10% 83% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C146D4
- CA5FDA
- D175DF
- D98AE5
- E09EEA
- E7B2EF
- EDC5F3
- F4D9F7
- F9ECFB
Koyu tonlar
- A01EB3
- 891898
- 71127F
- 5B0C66
- 46074E
- 310438
- 1E0223
- 0D000F
- 020002
Gri tonlar
- B437C7
- AF45BF
- AA50B8
- A559B0
- 9F61A9
- 9A68A1
- 946F99
- 8D7591
- 877B89
Renk uyumları
Tamamlayıcı +180°
- B924CE
Telemagenta
- 0A9400
≈ True Green
Analog -30° +30°
- B924CE
Telemagenta
- 8546FD
≈ Sweet Escape
- D70087
≈ The Art of Seduction
Üçlü +120° +240°
- B924CE
Telemagenta
- 9C7100
≈ Sandy Taupe
- 008A92
≈ Tempo Teal
Bölünmüş tamamlayıcı +150° +210°
- B924CE
Telemagenta
- 7C8000
≈ Drably Olive
- 008E72
≈ Observatory
Dörtlü +90° +180° +270°
- B924CE
Telemagenta
- BB5B00
≈ Dry Clay
- 0A9400
≈ True Green
- 0084B3
≈ Lucario Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.99:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.20:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--telemagenta: #b924ce;
--telemagenta-rgb: 185 36 206;
--telemagenta-oklch: oklch(0.577 0.252 322.2);
}
.element {
color: var(--telemagenta);
background-color: hsl(293 70% 47%);
border-color: oklch(0.577 0.252 322.2);
}Tailwind CSS v4
@theme {
--color-telemagenta: #b924ce;
--color-telemagenta-50: #ffddff;
--color-telemagenta-100: #ffcbff;
--color-telemagenta-200: #ffadff;
--color-telemagenta-300: #f584ff;
--color-telemagenta-400: #e05cf4;
--color-telemagenta-500: #cd22e5;
--color-telemagenta-600: #ad22c1;
--color-telemagenta-700: #8b1c9b;
--color-telemagenta-800: #661376;
--color-telemagenta-900: #480d53;
--color-telemagenta-950: #2f0038;
}SCSS
$telemagenta: #b924ce;
$telemagenta-rgb: 185, 36, 206;
$telemagenta-light: mix(#fff, $telemagenta, 20%);
$telemagenta-dark: mix(#000, $telemagenta, 20%);
.element {
color: $telemagenta;
box-shadow: 0 0 0 2px rgba($telemagenta, 0.35);
}