Nächste benannte Farbe · #7C0078
#7C0078
Nächste benannte Farbe: Purple
#7C0078 (rgb(124 0 120), hsl(302 100% 24%), oklch(0.409 0.186 330.1)) liegt am nächsten an der benannten Farbe Purple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7C0078
oklch(0.409 0.186 330.1)
Farbumrechnungen
- HEX
- #7c0078
- RGB
- rgb(124 0 120)
- HSL
- hsl(302 100% 24%)
- HWB
- hwb(302 0% 51%)
- OKLCH
- oklch(0.409 0.186 330.1)
- OKLab
- oklab(0.409 0.161 -0.093)
- CIE Lab
- lab(28.44 54.39 -33.28)
- LCH
- lch(28.44 63.77 328.5)
- CMYK
- cmyk(0% 100% 3% 51%)
Tints · Shades · Tones
Tints
- 8B2B86
- 994593
- A65DA1
- B474AE
- C18BBB
- CEA1C9
- DBB8D6
- E7D0E4
- F3E7F1
Shades
- 6B0067
- 5A0057
- 4A0048
- 3B0039
- 2C002A
- 1E001D
- 110010
- 050005
- 010001
Tones
- 7E1D79
- 7F2D7B
- 813A7C
- 81457D
- 82507E
- 825A7E
- 82647F
- 826D80
- 817780
Farbharmonien
Komplementär +180°
- 7C0078
Purple
- 005A26
≈ Sombre Green
Analog -30° +30°
- 7C0078
Purple
- 5D1F9D
≈ Wild Violet
- 890046
≈ Midnight Merlot
Triadisch +120° +240°
- 7C0078
Purple
- 5C4700
≈ Mud Brown
- 00545F
≈ Deep Teal
Geteilt komplementär +150° +210°
- 7C0078
Purple
- 445100
≈ Highlands Moss
- 00574C
≈ Castleton Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.86:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.12:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.86:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--purple: #7c0078;
--purple-rgb: 124 0 120;
--purple-oklch: oklch(0.409 0.186 330.1);
}
.element {
color: var(--purple);
background-color: hsl(302 100% 24%);
border-color: oklch(0.409 0.186 330.1);
}Tailwind CSS v4
@theme {
--color-purple: #7c0078;
--color-purple-50: #ffe2ff;
--color-purple-100: #ffd1ff;
--color-purple-200: #ffb6f8;
--color-purple-300: #ee92e1;
--color-purple-400: #da70d2;
--color-purple-500: #c64bbf;
--color-purple-600: #a741a1;
--color-purple-700: #873482;
--color-purple-800: #632562;
--color-purple-900: #451945;
--color-purple-950: #2d082d;
}SCSS
$purple: #7c0078;
$purple-rgb: 124, 0, 120;
$purple-light: mix(#fff, $purple, 20%);
$purple-dark: mix(#000, $purple, 20%);
.element {
color: $purple;
box-shadow: 0 0 0 2px rgba($purple, 0.35);
}