Nächste benannte Farbe · #612A27
#612A27
Nächste benannte Farbe: Arcane Red
#612A27 (rgb(97 42 39), hsl(3 43% 27%), oklch(0.361 0.081 25.1)) liegt am nächsten an der benannten Farbe Arcane Red. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#612A27
oklch(0.361 0.081 25.1)
Farbumrechnungen
- HEX
- #612a27
- RGB
- rgb(97 42 39)
- HSL
- hsl(3 43% 27%)
- HWB
- hwb(3 15% 62%)
- OKLCH
- oklch(0.361 0.081 25.1)
- OKLab
- oklab(0.361 0.073 0.034)
- CIE Lab
- lab(25.08 25.3 14.54)
- LCH
- lch(25.08 29.18 29.9)
- CMYK
- cmyk(0% 57% 60% 62%)
Tints · Shades · Tones
Tints
- 713E3A
- 81514D
- 916662
- A17A76
- B08F8C
- C0A5A2
- D0BBB8
- DFD1D0
- EFE8E7
Shades
- 532320
- 461C1A
- 391614
- 2D100E
- 210A08
- 150504
- 0B0202
- 030101
- 000000
Tones
- 65332F
- 693C38
- 6C4441
- 704D49
- 735552
- 765E5B
- 796664
- 7B6F6D
- 7E7777
Farbharmonien
Komplementär +180°
- 612A27
Arcane Red
- 00464D
≈ Incubi Darkness
Analog -30° +30°
- 612A27
Arcane Red
- 5D293F
≈ Quills of Terico
- 5D300B
≈ Count Chocula
Triadisch +120° +240°
- 612A27
Arcane Red
- 1E4821
≈ Pine Green
- 283B68
≈ Blue Depths
Geteilt komplementär +150° +210°
- 612A27
Arcane Red
- 00493B
≈ Tropical Forest
- 004360
≈ Forest Blues
Tetradisch +90° +180° +270°
- 612A27
Arcane Red
- 3C4201
≈ Green Not Found
- 00464D
≈ Incubi Darkness
- 413363
≈ Minsk
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.23:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.86:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.23:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--arcane-red: #612a27;
--arcane-red-rgb: 97 42 39;
--arcane-red-oklch: oklch(0.361 0.081 25.1);
}
.element {
color: var(--arcane-red);
background-color: hsl(3 43% 27%);
border-color: oklch(0.361 0.081 25.1);
}Tailwind CSS v4
@theme {
--color-arcane-red: #612a27;
--color-arcane-red-50: #ffede9;
--color-arcane-red-100: #ffded9;
--color-arcane-red-200: #f5c8c2;
--color-arcane-red-300: #dea8a1;
--color-arcane-red-400: #ca8c86;
--color-arcane-red-500: #b6716b;
--color-arcane-red-600: #9a605b;
--color-arcane-red-700: #7b4c48;
--color-arcane-red-800: #5b3735;
--color-arcane-red-900: #402624;
--color-arcane-red-950: #291413;
}SCSS
$arcane-red: #612a27;
$arcane-red-rgb: 97, 42, 39;
$arcane-red-light: mix(#fff, $arcane-red, 20%);
$arcane-red-dark: mix(#000, $arcane-red, 20%);
.element {
color: $arcane-red;
box-shadow: 0 0 0 2px rgba($arcane-red, 0.35);
}