Benannte Farbe · #661100
Cowpeas
Cowpeas ist #661100: rgb(102 17 0), hsl(10 100% 20%), oklch(0.332 0.121 33.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cowpeas color name →
#661100
oklch(0.332 0.121 33.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 772C1C
- 874334
- 975A4C
- A77064
- B6877C
- C59E95
- D4B6AF
- E2CEC9
- F1E6E4
Shades
- 580D00
- 4A0900
- 3C0600
- 2F0400
- 230200
- 170100
- 0C0000
- 040000
- 000000
Tones
- 6A2011
- 6E2D1F
- 72382B
- 754337
- 784D43
- 7A574F
- 7C625B
- 7E6C67
- 7F7674
Farbharmonien
Komplementär +180°
- 661100
Cowpeas
- 003D48
≈ Ghostlands Coal
Analog -30° +30°
- 661100
Cowpeas
- 640D2F
≈ Plum Cheese
- 502C00
≈ Kyoto House
Triadisch +120° +240°
- 661100
Cowpeas
- 004220
≈ Moisty Mire
- 252C73
≈ Blue Rose
Geteilt komplementär +150° +210°
- 661100
Cowpeas
- 004039
≈ Botanical Night
- 00395C
≈ Poseidon
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.76:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.64:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.76:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
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);
}