Nächste benannte Farbe · #7E424C
#7E424C
Nächste benannte Farbe: Red Elegance
#7E424C (rgb(126 66 76), hsl(350 31% 38%), oklch(0.456 0.083 10.3)) liegt am nächsten an der benannten Farbe Red Elegance. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7E424C
oklch(0.456 0.083 10.3)
Farbumrechnungen
- HEX
- #7e424c
- RGB
- rgb(126 66 76)
- HSL
- hsl(350 31% 38%)
- HWB
- hwb(350 26% 51%)
- OKLCH
- oklch(0.456 0.083 10.3)
- OKLab
- oklab(0.456 0.082 0.015)
- CIE Lab
- lab(35.96 27.26 6.19)
- LCH
- lch(35.96 27.96 12.8)
- CMYK
- cmyk(0% 48% 40% 51%)
Tints · Shades · Tones
Tints
- 8B545C
- 99666D
- A6787E
- B38A8F
- C09DA1
- CCB0B3
- D9C3C6
- E6D7D8
- F2EBEC
Shades
- 6D3841
- 5C2F36
- 4C252C
- 3C1C22
- 2D1418
- 1F0B0F
- 110506
- 050102
- 010000
Tones
- 7F4951
- 804F56
- 80555B
- 815B60
- 816265
- 81686B
- 816E70
- 817475
- 817A7B
Farbharmonien
Komplementär +180°
- 7E424C
Red Elegance
- 006561
≈ Peacock Pride
Analog -30° +30°
- 7E424C
Red Elegance
- 764465
≈ Magician’s Cloak
- 7E4632
≈ Sunbathing Beauty
Triadisch +120° +240°
- 7E424C
Red Elegance
- 47602C
≈ Obscure Olive
- 305A84
≈ Dead Lake
Geteilt komplementär +150° +210°
- 7E424C
Red Elegance
- 246547
≈ Brunswick
- 006177
≈ Jamaican Dream
Tetradisch +90° +180° +270°
- 7E424C
Red Elegance
- 625817
≈ Ayahuasca Vine
- 006561
≈ Peacock Pride
- 4E5184
≈ Purple Navy
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.57:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.77:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--red-elegance: #7e424c;
--red-elegance-rgb: 126 66 76;
--red-elegance-oklch: oklch(0.456 0.083 10.3);
}
.element {
color: var(--red-elegance);
background-color: hsl(350 31% 38%);
border-color: oklch(0.456 0.083 10.3);
}Tailwind CSS v4
@theme {
--color-red-elegance: #7e424c;
--color-red-elegance-50: #ffecef;
--color-red-elegance-100: #ffdde0;
--color-red-elegance-200: #f6c6cb;
--color-red-elegance-300: #dea6ac;
--color-red-elegance-400: #ca8a93;
--color-red-elegance-500: #b66e79;
--color-red-elegance-600: #9a5e67;
--color-red-elegance-700: #7b4b52;
--color-red-elegance-800: #5b363d;
--color-red-elegance-900: #40252a;
--color-red-elegance-950: #291317;
}SCSS
$red-elegance: #7e424c;
$red-elegance-rgb: 126, 66, 76;
$red-elegance-light: mix(#fff, $red-elegance, 20%);
$red-elegance-dark: mix(#000, $red-elegance, 20%);
.element {
color: $red-elegance;
box-shadow: 0 0 0 2px rgba($red-elegance, 0.35);
}