لون مسمّى · #766478
Purple Suede
Purple Suede هو #766478: rgb(118 100 120)، hsl(294 9% 43%)، oklch(0.527 0.038 322.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Purple Suede color name →
#766478
oklch(0.527 0.038 322.9)
تحويلات الألوان
- HEX
- #766478
- RGB
- rgb(118 100 120)
- HSL
- hsl(294 9% 43%)
- HWB
- hwb(294 39% 53%)
- OKLCH
- oklch(0.527 0.038 322.9)
- OKLab
- oklab(0.527 0.03 -0.023)
- CIE Lab
- lab(44.67 10.34 -8.45)
- LCH
- lch(44.67 13.35 320.7)
- CMYK
- cmyk(2% 17% 0% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 837285
- 908192
- 9D909F
- AB9FAC
- B8AEB9
- C6BEC7
- D4CED5
- E2DEE3
- F1EEF1
درجات داكنة
- 665667
- 564857
- 473B48
- 382E39
- 29222A
- 1C161D
- 0F0B10
- 050305
- 010001
درجات رمادية
- 776779
- 786A7A
- 796C7A
- 7A6F7B
- 7B727C
- 7C757D
- 7D787E
- 7E7A7E
- 7F7D7F
تناسق الألوان
متمم +180°
- 766478
Purple Suede
- 5F715D
≈ Bracken Green
متجاور -30° +30°
- 766478
Purple Suede
- 6B677F
≈ Victorian Iris
- 7D626D
≈ Ephemera
ثلاثي +120° +240°
- 766478
Purple Suede
- 766952
≈ Hip Waders
- 517275
≈ Sophisticated Teal
متمم منقسم +150° +210°
- 766478
Purple Suede
- 6B6E55
≈ Iwai Brown
- 557269
≈ Hilltop
رباعي +90° +180° +270°
- 766478
Purple Suede
- 7D6557
≈ Cocoa Shell
- 5F715D
≈ Bracken Green
- 556F7E
≈ Lily Pond Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.43:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.86:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--purple-suede: #766478;
--purple-suede-rgb: 118 100 120;
--purple-suede-oklch: oklch(0.527 0.038 322.9);
}
.element {
color: var(--purple-suede);
background-color: hsl(294 9% 43%);
border-color: oklch(0.527 0.038 322.9);
}Tailwind CSS v4
@theme {
--color-purple-suede: #766478;
--color-purple-suede-50: #fbf2fb;
--color-purple-suede-100: #efe4ef;
--color-purple-suede-200: #ddcfdd;
--color-purple-suede-300: #c2b1c2;
--color-purple-suede-400: #aa97ac;
--color-purple-suede-500: #937e95;
--color-purple-suede-600: #7c6b7e;
--color-purple-suede-700: #635565;
--color-purple-suede-800: #493e4a;
--color-purple-suede-900: #322b34;
--color-purple-suede-950: #1e181f;
}SCSS
$purple-suede: #766478;
$purple-suede-rgb: 118, 100, 120;
$purple-suede-light: mix(#fff, $purple-suede, 20%);
$purple-suede-dark: mix(#000, $purple-suede, 20%);
.element {
color: $purple-suede;
box-shadow: 0 0 0 2px rgba($purple-suede, 0.35);
}