لون مسمّى · #661100
Cowpeas
Cowpeas هو #661100: rgb(102 17 0)، hsl(10 100% 20%)، oklch(0.332 0.121 33.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Cowpeas color name →
#661100
oklch(0.332 0.121 33.6)
تحويلات الألوان
- HEX
- #661100
- RGB
- rgb(102 17 0)
- HSL
- hsl(10 100% 20%)
- HWB
- hwb(10 0% 60%)
- OKLCH
- oklch(0.332 0.121 33.6)
- OKLab
- oklab(0.332 0.101 0.067)
- CIE Lab
- lab(21.42 36.93 32.42)
- LCH
- lch(21.42 49.14 41.3)
- CMYK
- cmyk(0% 83% 100% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 772C1C
- 874334
- 975A4C
- A77064
- B6877C
- C59E95
- D4B6AF
- E2CEC9
- F1E6E4
درجات داكنة
- 580D00
- 4A0900
- 3C0600
- 2F0400
- 230200
- 170100
- 0C0000
- 040000
- 000000
درجات رمادية
- 6A2011
- 6E2D1F
- 72382B
- 754337
- 784D43
- 7A574F
- 7C625B
- 7E6C67
- 7F7674
تناسق الألوان
متمم +180°
- 661100
Cowpeas
- 003D48
≈ Ghostlands Coal
متجاور -30° +30°
- 661100
Cowpeas
- 640D2F
≈ Plum Cheese
- 502C00
≈ Kyoto House
ثلاثي +120° +240°
- 661100
Cowpeas
- 004220
≈ Moisty Mire
- 252C73
≈ Blue Rose
متمم منقسم +150° +210°
- 661100
Cowpeas
- 004039
≈ Botanical Night
- 00395C
≈ Poseidon
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 12.76:1 · APCA Lc 97
Ag
Failعلى الأسود
WCAG 1.64:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 12.76:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cowpeas: #661100;
--cowpeas-rgb: 102 17 0;
--cowpeas-oklch: oklch(0.332 0.121 33.6);
}
.element {
color: var(--cowpeas);
background-color: hsl(10 100% 20%);
border-color: oklch(0.332 0.121 33.6);
}Tailwind CSS v4
@theme {
--color-cowpeas: #661100;
--color-cowpeas-50: #ffeade;
--color-cowpeas-100: #ffdacd;
--color-cowpeas-200: #ffc3b1;
--color-cowpeas-300: #eea18d;
--color-cowpeas-400: #dc836f;
--color-cowpeas-500: #c9654f;
--color-cowpeas-600: #aa5643;
--color-cowpeas-700: #884435;
--color-cowpeas-800: #663127;
--color-cowpeas-900: #47211a;
--color-cowpeas-950: #2e100b;
}SCSS
$cowpeas: #661100;
$cowpeas-rgb: 102, 17, 0;
$cowpeas-light: mix(#fff, $cowpeas, 20%);
$cowpeas-dark: mix(#000, $cowpeas, 20%);
.element {
color: $cowpeas;
box-shadow: 0 0 0 2px rgba($cowpeas, 0.35);
}