أقرب لون مسمّى · #553941
#553941
أقرب لون مسمّى: Vibrant Vine
#553941 (rgb(85 57 65)، hsl(343 20% 28%)، oklch(0.38 0.041 0.6)) أقرب إلى اللون المسمّى Vibrant Vine. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#553941
oklch(0.38 0.041 0.6)
تحويلات الألوان
- HEX
- #553941
- RGB
- rgb(85 57 65)
- HSL
- hsl(343 20% 28%)
- HWB
- hwb(343 22% 67%)
- OKLCH
- oklch(0.38 0.041 0.6)
- OKLab
- oklab(0.38 0.041 0)
- CIE Lab
- lab(27.5 13.79 0.31)
- LCH
- lch(27.5 13.8 1.3)
- CMYK
- cmyk(0% 33% 24% 67%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 654B52
- 755D63
- 856F75
- 968388
- A7969A
- B8AAAE
- CABFC2
- DBD4D6
- EDE9EA
درجات داكنة
- 493037
- 3D282E
- 311F25
- 26171C
- 1C1013
- 11090B
- 080405
- 020101
- 000000
درجات رمادية
- 594047
- 5E474D
- 624E53
- 675559
- 6B5C60
- 6F6366
- 736A6C
- 787173
- 7C7979
تناسق الألوان
متمم +180°
- 553941
Vibrant Vine
- 284A43
≈ Blackboard Green
متجاور -30° +30°
- 553941
Vibrant Vine
- 4F3A4D
≈ Noble Hatter’s Violet
- 563A35
≈ Intergalactic Ray
ثلاثي +120° +240°
- 553941
Vibrant Vine
- 3F462C
≈ Mallardish
- 2E4556
≈ Blue Wing Teal
متمم منقسم +150° +210°
- 553941
Vibrant Vine
- 324937
≈ Norfolk Green
- 26484F
≈ Ponderosa Pine
رباعي +90° +180° +270°
- 553941
Vibrant Vine
- 4B4128
≈ Onion
- 284A43
≈ Blackboard Green
- 3A4159
≈ Victory Blue
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.25:1 · APCA Lc 94
Ag
Failعلى الأسود
WCAG 2.04:1 · APCA Lc 9
أفضل لون للنص: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vibrant-vine: #553941;
--vibrant-vine-rgb: 85 57 65;
--vibrant-vine-oklch: oklch(0.38 0.041 0.6);
}
.element {
color: var(--vibrant-vine);
background-color: hsl(343 20% 28%);
border-color: oklch(0.38 0.041 0.6);
}Tailwind CSS v4
@theme {
--color-vibrant-vine: #553941;
--color-vibrant-vine-50: #fff0f4;
--color-vibrant-vine-100: #f5e2e6;
--color-vibrant-vine-200: #e5cdd2;
--color-vibrant-vine-300: #cbafb5;
--color-vibrant-vine-400: #b4959d;
--color-vibrant-vine-500: #9e7b85;
--color-vibrant-vine-600: #866870;
--color-vibrant-vine-700: #6b535a;
--color-vibrant-vine-800: #4f3d42;
--color-vibrant-vine-900: #372a2e;
--color-vibrant-vine-950: #22171a;
}SCSS
$vibrant-vine: #553941;
$vibrant-vine-rgb: 85, 57, 65;
$vibrant-vine-light: mix(#fff, $vibrant-vine, 20%);
$vibrant-vine-dark: mix(#000, $vibrant-vine, 20%);
.element {
color: $vibrant-vine;
box-shadow: 0 0 0 2px rgba($vibrant-vine, 0.35);
}