Benannte Farbe · #5F4B6F
Loganberry
Loganberry ist #5F4B6F: rgb(95 75 111), hsl(273 19% 36%), oklch(0.448 0.062 309.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Loganberry color name →
#5F4B6F
oklch(0.448 0.062 309.4)
Farbumrechnungen
- HEX
- #5f4b6f
- RGB
- rgb(95 75 111)
- HSL
- hsl(273 19% 36%)
- HWB
- hwb(273 29% 56%)
- OKLCH
- oklch(0.448 0.062 309.4)
- OKLab
- oklab(0.448 0.04 -0.048)
- CIE Lab
- lab(35.11 14.41 -17.62)
- LCH
- lch(35.11 22.76 309.3)
- CMYK
- cmyk(14% 32% 0% 56%)
Tints · Shades · Tones
Tints
- 6E5B7D
- 7D6C8A
- 8C7D99
- 9C8FA7
- ACA1B5
- BCB3C4
- CCC6D2
- DDD8E1
- EEECF0
Shades
- 524060
- 443551
- 382B42
- 2C2134
- 201727
- 150E1A
- 0A060E
- 030204
- 000001
Tones
- 625071
- 665673
- 695B75
- 6C6076
- 6F6578
- 736B7A
- 76707B
- 79757D
- 7D7B7E
Farbharmonien
Komplementär +180°
- 5F4B6F
Loganberry
- 4A5C36
≈ Stinging Nettle
Analog -30° +30°
- 5F4B6F
Loganberry
- 4D5177
≈ Provocative
- 6C4760
≈ Wizard Time
Triadisch +120° +240°
- 5F4B6F
Loganberry
- 6B4E2D
≈ Wagon Train
- 23605C
≈ Verdant Forest
Geteilt komplementär +150° +210°
- 5F4B6F
Loganberry
- 5D552A
≈ Tucumán Green
- 345F48
≈ Wine Leaf
Tetradisch +90° +180° +270°
- 5F4B6F
Loganberry
- 73483A
≈ Evolution
- 4A5C36
≈ Stinging Nettle
- 265D6C
≈ Night Shift
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.71:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.72:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.71:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--loganberry: #5f4b6f;
--loganberry-rgb: 95 75 111;
--loganberry-oklch: oklch(0.448 0.062 309.4);
}
.element {
color: var(--loganberry);
background-color: hsl(273 19% 36%);
border-color: oklch(0.448 0.062 309.4);
}Tailwind CSS v4
@theme {
--color-loganberry: #5f4b6f;
--color-loganberry-50: #fbf0ff;
--color-loganberry-100: #efe2f8;
--color-loganberry-200: #ddcde8;
--color-loganberry-300: #c2afcf;
--color-loganberry-400: #a995bb;
--color-loganberry-500: #927ba6;
--color-loganberry-600: #7c688c;
--color-loganberry-700: #635370;
--color-loganberry-800: #483d53;
--color-loganberry-900: #322a3a;
--color-loganberry-950: #1e1724;
}SCSS
$loganberry: #5f4b6f;
$loganberry-rgb: 95, 75, 111;
$loganberry-light: mix(#fff, $loganberry, 20%);
$loganberry-dark: mix(#000, $loganberry, 20%);
.element {
color: $loganberry;
box-shadow: 0 0 0 2px rgba($loganberry, 0.35);
}