لون مسمّى · #3E354D
Caddies Silk
Caddies Silk هو #3E354D: rgb(62 53 77)، hsl(263 18% 25%)، oklch(0.349 0.043 301.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Caddies Silk color name →
#3E354D
oklch(0.349 0.043 301.4)
تحويلات الألوان
- HEX
- #3e354d
- RGB
- rgb(62 53 77)
- HSL
- hsl(263 18% 25%)
- HWB
- hwb(263 21% 70%)
- OKLCH
- oklch(0.349 0.043 301.4)
- OKLab
- oklab(0.349 0.022 -0.036)
- CIE Lab
- lab(23.91 8.42 -13.31)
- LCH
- lch(23.91 15.74 302.3)
- CMYK
- cmyk(19% 31% 0% 70%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4F475D
- 61596E
- 736C7F
- 858090
- 9994A2
- ACA8B4
- C0BDC6
- D5D3D9
- EAE9EC
درجات داكنة
- 352D42
- 2B2537
- 231D2C
- 1A1522
- 120E18
- 0A080F
- 040307
- 010102
- 000000
درجات رمادية
- 443C52
- 4A4357
- 514B5C
- 575261
- 5E5966
- 65616B
- 6B6971
- 727076
- 79787B
تناسق الألوان
متمم +180°
- 3E354D
Caddies Silk
- 373E24
≈ Turtle Skin
متجاور -30° +30°
- 3E354D
Caddies Silk
- 323951
≈ Biscay
- 473244
≈ Red Onion
ثلاثي +120° +240°
- 3E354D
Caddies Silk
- 4A3523
≈ Sepia Brown
- 1E423C
≈ Black Soap
متمم منقسم +150° +210°
- 3E354D
Caddies Silk
- 42391F
≈ Lisbon Brown
- 29412F
≈ English Holly
رباعي +90° +180° +270°
- 3E354D
Caddies Silk
- 4E322C
≈ Espresso
- 373E24
≈ Turtle Skin
- 1C4047
≈ Bay Isle Pointe
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 11.53:1 · APCA Lc 97
Ag
Failعلى الأسود
WCAG 1.82:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 11.53:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--caddies-silk: #3e354d;
--caddies-silk-rgb: 62 53 77;
--caddies-silk-oklch: oklch(0.349 0.043 301.4);
}
.element {
color: var(--caddies-silk);
background-color: hsl(263 18% 25%);
border-color: oklch(0.349 0.043 301.4);
}Tailwind CSS v4
@theme {
--color-caddies-silk: #3e354d;
--color-caddies-silk-50: #f7f2ff;
--color-caddies-silk-100: #ebe5f4;
--color-caddies-silk-200: #d8d0e4;
--color-caddies-silk-300: #bcb2ca;
--color-caddies-silk-400: #a399b4;
--color-caddies-silk-500: #8b809e;
--color-caddies-silk-600: #756c86;
--color-caddies-silk-700: #5e576b;
--color-caddies-silk-800: #443f4f;
--color-caddies-silk-900: #2f2c37;
--color-caddies-silk-950: #1c1922;
}SCSS
$caddies-silk: #3e354d;
$caddies-silk-rgb: 62, 53, 77;
$caddies-silk-light: mix(#fff, $caddies-silk, 20%);
$caddies-silk-dark: mix(#000, $caddies-silk, 20%);
.element {
color: $caddies-silk;
box-shadow: 0 0 0 2px rgba($caddies-silk, 0.35);
}