Adlandırılmış renk · #5F4B6F
Loganberry
Loganberry, #5F4B6F: rgb(95 75 111), hsl(273 19% 36%), oklch(0.448 0.062 309.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Loganberry color name →
#5F4B6F
oklch(0.448 0.062 309.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E5B7D
- 7D6C8A
- 8C7D99
- 9C8FA7
- ACA1B5
- BCB3C4
- CCC6D2
- DDD8E1
- EEECF0
Koyu tonlar
- 524060
- 443551
- 382B42
- 2C2134
- 201727
- 150E1A
- 0A060E
- 030204
- 000001
Gri tonlar
- 625071
- 665673
- 695B75
- 6C6076
- 6F6578
- 736B7A
- 76707B
- 79757D
- 7D7B7E
Renk uyumları
Tamamlayıcı +180°
- 5F4B6F
Loganberry
- 4A5C36
≈ Stinging Nettle
Analog -30° +30°
- 5F4B6F
Loganberry
- 4D5177
≈ Provocative
- 6C4760
≈ Wizard Time
Üçlü +120° +240°
- 5F4B6F
Loganberry
- 6B4E2D
≈ Wagon Train
- 23605C
≈ Verdant Forest
Bölünmüş tamamlayıcı +150° +210°
- 5F4B6F
Loganberry
- 5D552A
≈ Tucumán Green
- 345F48
≈ Wine Leaf
Dörtlü +90° +180° +270°
- 5F4B6F
Loganberry
- 73483A
≈ Evolution
- 4A5C36
≈ Stinging Nettle
- 265D6C
≈ Night Shift
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.71:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.72:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.71:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
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);
}