Benannte Farbe · #7C3239
Wild Currant
Wild Currant ist #7C3239: rgb(124 50 57), hsl(354 43% 34%), oklch(0.422 0.103 16.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Wild Currant color name →
#7C3239
oklch(0.422 0.103 16.9)
Farbumrechnungen
- HEX
- #7c3239
- RGB
- rgb(124 50 57)
- HSL
- hsl(354 43% 34%)
- HWB
- hwb(354 20% 51%)
- OKLCH
- oklch(0.422 0.103 16.9)
- OKLab
- oklab(0.422 0.099 0.03)
- CIE Lab
- lab(31.85 33.29 12.67)
- LCH
- lch(31.85 35.62 20.8)
- CMYK
- cmyk(0% 60% 54% 51%)
Tints · Shades · Tones
Tints
- 8A464B
- 985A5D
- A66D6F
- B38183
- C09596
- CDAAAA
- DABFBF
- E6D4D4
- F3E9E9
Shades
- 6B2A30
- 5A2228
- 4A1B1F
- 3B1417
- 2C0D10
- 1E0709
- 110304
- 050101
- 010000
Tones
- 7E3B40
- 7F4347
- 804B4E
- 815355
- 815A5C
- 826263
- 826A6A
- 827171
- 817979
Farbharmonien
Komplementär +180°
- 7C3239
Wild Currant
- 00595B
≈ Deep Sea Green
Analog -30° +30°
- 7C3239
Wild Currant
- 743359
≈ Possessed Plum
- 7A3813
≈ Red Beech
Triadisch +120° +240°
- 7C3239
Wild Currant
- 305A1C
≈ Bright Nori
- 254D85
≈ Night Mode
Geteilt komplementär +150° +210°
- 7C3239
Wild Currant
- 005C43
≈ Forest Shadows
- 005670
≈ Subaqueous
Tetradisch +90° +180° +270°
- 7C3239
Wild Currant
- 545000
≈ Scorzonera Brown
- 00595B
≈ Deep Sea Green
- 4B4382
≈ Fresh Eggplant
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.85:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--wild-currant: #7c3239;
--wild-currant-rgb: 124 50 57;
--wild-currant-oklch: oklch(0.422 0.103 16.9);
}
.element {
color: var(--wild-currant);
background-color: hsl(354 43% 34%);
border-color: oklch(0.422 0.103 16.9);
}Tailwind CSS v4
@theme {
--color-wild-currant: #7c3239;
--color-wild-currant-50: #ffeaea;
--color-wild-currant-100: #ffdbda;
--color-wild-currant-200: #fec3c3;
--color-wild-currant-300: #e8a2a3;
--color-wild-currant-400: #d48589;
--color-wild-currant-500: #c1686d;
--color-wild-currant-600: #a3585d;
--color-wild-currant-700: #83464a;
--color-wild-currant-800: #613337;
--color-wild-currant-900: #442225;
--color-wild-currant-950: #2c1114;
}SCSS
$wild-currant: #7c3239;
$wild-currant-rgb: 124, 50, 57;
$wild-currant-light: mix(#fff, $wild-currant, 20%);
$wild-currant-dark: mix(#000, $wild-currant, 20%);
.element {
color: $wild-currant;
box-shadow: 0 0 0 2px rgba($wild-currant, 0.35);
}