Benannte Farbe · #813533
Dockside Red
Dockside Red ist #813533: rgb(129 53 51), hsl(2 43% 35%), oklch(0.433 0.106 24). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Dockside Red color name →
#813533
oklch(0.433 0.106 24)
Farbumrechnungen
- HEX
- #813533
- RGB
- rgb(129 53 51)
- HSL
- hsl(2 43% 35%)
- HWB
- hwb(2 20% 49%)
- OKLCH
- oklch(0.433 0.106 24)
- OKLab
- oklab(0.433 0.097 0.043)
- CIE Lab
- lab(33.22 33.39 18.48)
- LCH
- lch(33.22 38.16 29)
- CMYK
- cmyk(0% 59% 60% 49%)
Tints · Shades · Tones
Tints
- 8F4945
- 9C5C58
- A9706C
- B6837F
- C39794
- CFABA8
- DBC0BD
- E7D5D3
- F3EAE9
Shades
- 6F2D2B
- 5E2523
- 4E1D1C
- 3E1514
- 2E0E0D
- 1F0807
- 120303
- 060101
- 010000
Tones
- 823D3B
- 834542
- 844D4A
- 845551
- 845C59
- 846361
- 836B69
- 837270
- 817978
Farbharmonien
Komplementär +180°
- 813533
Dockside Red
- 005C63
≈ Enamelled Jewel
Analog -30° +30°
- 813533
Dockside Red
- 7C3455
≈ Rich Red Violet
- 7C3D05
≈ Hazelnut Chocolate
Triadisch +120° +240°
- 813533
Dockside Red
- 255F27
≈ Bright Nori
- 324E8A
≈ Tory Blue
Geteilt komplementär +150° +210°
- 813533
Dockside Red
- 005F4D
≈ Alpine Green
- 00587B
≈ Commandes
Tetradisch +90° +180° +270°
- 813533
Dockside Red
- 505600
≈ Douro
- 005C63
≈ Enamelled Jewel
- 554385
≈ Harvest Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.43:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.49:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--dockside-red: #813533;
--dockside-red-rgb: 129 53 51;
--dockside-red-oklch: oklch(0.433 0.106 24);
}
.element {
color: var(--dockside-red);
background-color: hsl(2 43% 35%);
border-color: oklch(0.433 0.106 24);
}Tailwind CSS v4
@theme {
--color-dockside-red: #813533;
--color-dockside-red-50: #ffeae5;
--color-dockside-red-100: #ffdbd6;
--color-dockside-red-200: #ffc4bd;
--color-dockside-red-300: #e9a39b;
--color-dockside-red-400: #d68580;
--color-dockside-red-500: #c26863;
--color-dockside-red-600: #a45854;
--color-dockside-red-700: #844643;
--color-dockside-red-800: #623231;
--color-dockside-red-900: #452222;
--color-dockside-red-950: #2c1111;
}SCSS
$dockside-red: #813533;
$dockside-red-rgb: 129, 53, 51;
$dockside-red-light: mix(#fff, $dockside-red, 20%);
$dockside-red-dark: mix(#000, $dockside-red, 20%);
.element {
color: $dockside-red;
box-shadow: 0 0 0 2px rgba($dockside-red, 0.35);
}