Nächste benannte Farbe · #872A4A
#872A4A
Nächste benannte Farbe: Beet Red
#872A4A (rgb(135 42 74), hsl(339 53% 35%), oklch(0.435 0.129 3.1)) liegt am nächsten an der benannten Farbe Beet Red. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#872A4A
oklch(0.435 0.129 3.1)
Farbumrechnungen
- HEX
- #872a4a
- RGB
- rgb(135 42 74)
- HSL
- hsl(339 53% 35%)
- HWB
- hwb(339 16% 47%)
- OKLCH
- oklch(0.435 0.129 3.1)
- OKLab
- oklab(0.435 0.129 0.007)
- CIE Lab
- lab(32.84 42.08 3.36)
- LCH
- lch(32.84 42.22 4.6)
- CMYK
- cmyk(0% 69% 45% 47%)
Tints · Shades · Tones
Tints
- 95405A
- A2556B
- AF6A7C
- BB7F8E
- C793A0
- D3A8B2
- DFBEC5
- EAD3D8
- F4E9EB
Shades
- 75233F
- 631C35
- 51162A
- 411020
- 310A17
- 21050E
- 130206
- 060102
- 010000
Tones
- 88354F
- 883E54
- 88475A
- 88505F
- 885864
- 87616A
- 86696F
- 847075
- 82787A
Farbharmonien
Komplementär +180°
- 872A4A
Beet Red
- 005F55
≈ Alpine Green
Analog -30° +30°
- 872A4A
Beet Red
- 79306F
≈ Grape Juice
- 8A2E1C
≈ Gulab Brown
Triadisch +120° +240°
- 872A4A
Beet Red
- 465A00
≈ Lustrian Undergrowth
- 005686
≈ Dark Denim
Geteilt komplementär +150° +210°
- 872A4A
Beet Red
- 006232
≈ Ficus Elastica
- 005C6A
≈ Egyptian Enamel
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.53:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.46:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.53:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--beet-red: #872a4a;
--beet-red-rgb: 135 42 74;
--beet-red-oklch: oklch(0.435 0.129 3.1);
}
.element {
color: var(--beet-red);
background-color: hsl(339 53% 35%);
border-color: oklch(0.435 0.129 3.1);
}Tailwind CSS v4
@theme {
--color-beet-red: #872a4a;
--color-beet-red-50: #ffe7f0;
--color-beet-red-100: #ffd7e2;
--color-beet-red-200: #ffbecd;
--color-beet-red-300: #f09bae;
--color-beet-red-400: #dd7c97;
--color-beet-red-500: #ca5d7e;
--color-beet-red-600: #aa4f6a;
--color-beet-red-700: #893f55;
--color-beet-red-800: #652d40;
--color-beet-red-900: #471e2c;
--color-beet-red-950: #2e0e19;
}SCSS
$beet-red: #872a4a;
$beet-red-rgb: 135, 42, 74;
$beet-red-light: mix(#fff, $beet-red, 20%);
$beet-red-dark: mix(#000, $beet-red, 20%);
.element {
color: $beet-red;
box-shadow: 0 0 0 2px rgba($beet-red, 0.35);
}