Nächste benannte Farbe · #6B0072
#6B0072
Nächste benannte Farbe: Ultraberry
#6B0072 (rgb(107 0 114), hsl(296 100% 22%), oklch(0.375 0.175 325.1)) liegt am nächsten an der benannten Farbe Ultraberry. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6B0072
oklch(0.375 0.175 325.1)
Farbumrechnungen
- HEX
- #6b0072
- RGB
- rgb(107 0 114)
- HSL
- hsl(296 100% 22%)
- HWB
- hwb(296 0% 55%)
- OKLCH
- oklch(0.375 0.175 325.1)
- OKLab
- oklab(0.375 0.144 -0.1)
- CIE Lab
- lab(24.61 50.22 -35.8)
- LCH
- lch(24.61 61.67 324.5)
- CMYK
- cmyk(6% 100% 0% 55%)
Tints · Shades · Tones
Tints
- 7B2880
- 8A428E
- 995A9C
- A871AB
- B788B9
- C59FC7
- D4B7D5
- E2CEE3
- F1E7F1
Shades
- 5C0062
- 4E0053
- 3F0044
- 320036
- 250028
- 18001B
- 0D000E
- 040004
- 000001
Tones
- 6E1B74
- 712A76
- 743778
- 764379
- 794E7B
- 7B587C
- 7C627D
- 7E6C7E
- 7F767F
Farbharmonien
Komplementär +180°
- 6B0072
Ultraberry
- 005011
≈ Malachite Green
Analog -30° +30°
- 6B0072
Ultraberry
- 4C1C91
≈ Eggplant Tint
- 790045
≈ Dawn of the Fairies
Triadisch +120° +240°
- 6B0072
Ultraberry
- 543D00
≈ Pineapple
- 004B51
≈ Sherpa Blue
Geteilt komplementär +150° +210°
- 6B0072
Ultraberry
- 404600
≈ Green Not Found
- 004D3F
≈ Urban Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.24:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.86:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 11.24:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--ultraberry: #6b0072;
--ultraberry-rgb: 107 0 114;
--ultraberry-oklch: oklch(0.375 0.175 325.1);
}
.element {
color: var(--ultraberry);
background-color: hsl(296 100% 22%);
border-color: oklch(0.375 0.175 325.1);
}Tailwind CSS v4
@theme {
--color-ultraberry: #6b0072;
--color-ultraberry-50: #ffe4ff;
--color-ultraberry-100: #ffd4ff;
--color-ultraberry-200: #fdbafb;
--color-ultraberry-300: #e796e6;
--color-ultraberry-400: #d176d6;
--color-ultraberry-500: #bd53c4;
--color-ultraberry-600: #a048a6;
--color-ultraberry-700: #803985;
--color-ultraberry-800: #5e2965;
--color-ultraberry-900: #421c47;
--color-ultraberry-950: #2a0b2e;
}SCSS
$ultraberry: #6b0072;
$ultraberry-rgb: 107, 0, 114;
$ultraberry-light: mix(#fff, $ultraberry, 20%);
$ultraberry-dark: mix(#000, $ultraberry, 20%);
.element {
color: $ultraberry;
box-shadow: 0 0 0 2px rgba($ultraberry, 0.35);
}