Nächste benannte Farbe · #B92BCF
#B92BCF
Nächste benannte Farbe: Telemagenta
#B92BCF (rgb(185 43 207), hsl(292 66% 49%), oklch(0.582 0.247 321.8)) liegt am nächsten an der benannten Farbe Telemagenta. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B92BCF
oklch(0.582 0.247 321.8)
Farbumrechnungen
- HEX
- #b92bcf
- RGB
- rgb(185 43 207)
- HSL
- hsl(292 66% 49%)
- HWB
- hwb(292 17% 19%)
- OKLCH
- oklch(0.582 0.247 321.8)
- OKLab
- oklab(0.582 0.194 -0.153)
- CIE Lab
- lab(47.38 69.4 -54.7)
- LCH
- lch(47.38 88.36 321.8)
- CMYK
- cmyk(11% 79% 0% 19%)
Tints · Shades · Tones
Tints
- C14AD5
- C962DB
- D178E0
- D98CE5
- E0A0EA
- E7B3EF
- EDC6F3
- F3D9F8
- F9ECFB
Shades
- A024B4
- 891D99
- 71167F
- 5B1067
- 460A4F
- 310538
- 1E0223
- 0D0110
- 020002
Tones
- B43CC8
- AF48C0
- AA52B8
- A55BB1
- 9F63A9
- 996AA1
- 947099
- 8D7691
- 877B89
Farbharmonien
Komplementär +180°
- B92BCF
Telemagenta
- 159500
≈ True Green
Analog -30° +30°
- B92BCF
Telemagenta
- 854AFD
≈ Sweet Escape
- D9008A
≈ The Art of Seduction
Triadisch +120° +240°
- B92BCF
Telemagenta
- 9E7200
≈ Barbarian Leather
- 008C94
≈ Tempo Teal
Geteilt komplementär +150° +210°
- B92BCF
Telemagenta
- 7E8100
≈ Drably Olive
- 009073
≈ Observatory
Tetradisch +90° +180° +270°
- B92BCF
Telemagenta
- BD5B00
≈ Dry Clay
- 159500
≈ True Green
- 0086B4
≈ Lucario Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.87:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.30:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.87:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--telemagenta: #b92bcf;
--telemagenta-rgb: 185 43 207;
--telemagenta-oklch: oklch(0.582 0.247 321.8);
}
.element {
color: var(--telemagenta);
background-color: hsl(292 66% 49%);
border-color: oklch(0.582 0.247 321.8);
}Tailwind CSS v4
@theme {
--color-telemagenta: #b92bcf;
--color-telemagenta-50: #ffdeff;
--color-telemagenta-100: #ffccff;
--color-telemagenta-200: #ffaeff;
--color-telemagenta-300: #f386fe;
--color-telemagenta-400: #de5ef3;
--color-telemagenta-500: #cb28e4;
--color-telemagenta-600: #ac26c0;
--color-telemagenta-700: #8a1f9b;
--color-telemagenta-800: #651576;
--color-telemagenta-900: #470e53;
--color-telemagenta-950: #2e0038;
}SCSS
$telemagenta: #b92bcf;
$telemagenta-rgb: 185, 43, 207;
$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);
}