Nazwany kolor · #5F4B6F
Loganberry
Loganberry to #5F4B6F: rgb(95 75 111), hsl(273 19% 36%), oklch(0.448 0.062 309.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Loganberry color name →
#5F4B6F
oklch(0.448 0.062 309.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E5B7D
- 7D6C8A
- 8C7D99
- 9C8FA7
- ACA1B5
- BCB3C4
- CCC6D2
- DDD8E1
- EEECF0
Odcienie ciemniejsze
- 524060
- 443551
- 382B42
- 2C2134
- 201727
- 150E1A
- 0A060E
- 030204
- 000001
Tony
- 625071
- 665673
- 695B75
- 6C6076
- 6F6578
- 736B7A
- 76707B
- 79757D
- 7D7B7E
Harmonie kolorów
Komplementarna +180°
- 5F4B6F
Loganberry
- 4A5C36
≈ Stinging Nettle
Analogowa -30° +30°
- 5F4B6F
Loganberry
- 4D5177
≈ Provocative
- 6C4760
≈ Wizard Time
Triada +120° +240°
- 5F4B6F
Loganberry
- 6B4E2D
≈ Wagon Train
- 23605C
≈ Verdant Forest
Komplementarna rozszczepiona +150° +210°
- 5F4B6F
Loganberry
- 5D552A
≈ Tucumán Green
- 345F48
≈ Wine Leaf
Tetrada +90° +180° +270°
- 5F4B6F
Loganberry
- 73483A
≈ Evolution
- 4A5C36
≈ Stinging Nettle
- 265D6C
≈ Night Shift
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.71:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.72:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.71:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}