Benannte Farbe · #D6341E
Rackham Red
Rackham Red ist #D6341E: rgb(214 52 30), hsl(7 75% 48%), oklch(0.576 0.201 31.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rackham Red color name →
#D6341E
oklch(0.576 0.201 31.1)
Farbumrechnungen
- HEX
- #d6341e
- RGB
- rgb(214 52 30)
- HSL
- hsl(7 75% 48%)
- HWB
- hwb(7 12% 16%)
- OKLCH
- oklch(0.576 0.201 31.1)
- OKLab
- oklab(0.576 0.172 0.104)
- CIE Lab
- lab(48.89 62.22 52.15)
- LCH
- lch(48.89 81.18 40)
- CMYK
- cmyk(0% 76% 86% 16%)
Tints · Shades · Tones
Tints
- DD4F3A
- E46651
- EA7B67
- EF8E7D
- F3A292
- F7B5A8
- FAC7BD
- FDDAD3
- FEECE9
Shades
- BA2C19
- 9E2413
- 841C0E
- 6A1509
- 520E05
- 3B0703
- 250301
- 100100
- 020000
Tones
- CF422D
- C84C3A
- C05644
- B85E4E
- B06557
- A86B60
- 9F7168
- 957670
- 8B7B78
Farbharmonien
Komplementär +180°
- D6341E
Rackham Red
- 00889B
≈ Marker Blue
Analog -30° +30°
- D6341E
Rackham Red
- D02F72
≈ Magentarama
- B06300
≈ Umber
Triadisch +120° +240°
- D6341E
Rackham Red
- 009146
≈ Jade Sylph
- 5168EE
≈ Flickering Sea
Geteilt komplementär +150° +210°
- D6341E
Rackham Red
- 008D7D
≈ Greenlake
- 0081C0
≈ Phuket Palette
Tetradisch +90° +180° +270°
- D6341E
Rackham Red
- 6D8400
≈ Swamp Green
- 00889B
≈ Marker Blue
- 9051DA
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.80:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.36:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.80:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--rackham-red: #d6341e;
--rackham-red-rgb: 214 52 30;
--rackham-red-oklch: oklch(0.576 0.201 31.1);
}
.element {
color: var(--rackham-red);
background-color: hsl(7 75% 48%);
border-color: oklch(0.576 0.201 31.1);
}Tailwind CSS v4
@theme {
--color-rackham-red: #d6341e;
--color-rackham-red-50: #ffe1d0;
--color-rackham-red-100: #ffd0bd;
--color-rackham-red-200: #ffb39c;
--color-rackham-red-300: #ff8d71;
--color-rackham-red-400: #ff664e;
--color-rackham-red-500: #ee371e;
--color-rackham-red-600: #c9311c;
--color-rackham-red-700: #a22717;
--color-rackham-red-800: #791a13;
--color-rackham-red-900: #56110c;
--color-rackham-red-950: #390201;
}SCSS
$rackham-red: #d6341e;
$rackham-red-rgb: 214, 52, 30;
$rackham-red-light: mix(#fff, $rackham-red, 20%);
$rackham-red-dark: mix(#000, $rackham-red, 20%);
.element {
color: $rackham-red;
box-shadow: 0 0 0 2px rgba($rackham-red, 0.35);
}