Nearest named color · #7E424C
#7E424C
Nearest named color: Red Elegance
#7E424C (rgb(126 66 76), hsl(350 31% 38%), oklch(0.456 0.083 10.3)) is closest to the named color Red Elegance. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7E424C
oklch(0.456 0.083 10.3)
Color conversions
- 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
Color harmonies
Complementary +180°
- 7E424C
Red Elegance
- 006561
≈ Peacock Pride
Analogous -30° +30°
- 7E424C
Red Elegance
- 764465
≈ Magician’s Cloak
- 7E4632
≈ Sunbathing Beauty
Triadic +120° +240°
- 7E424C
Red Elegance
- 47602C
≈ Obscure Olive
- 305A84
≈ Dead Lake
Split-complementary +150° +210°
- 7E424C
Red Elegance
- 246547
≈ Brunswick
- 006177
≈ Jamaican Dream
Tetradic +90° +180° +270°
- 7E424C
Red Elegance
- 625817
≈ Ayahuasca Vine
- 006561
≈ Peacock Pride
- 4E5184
≈ Purple Navy
Contrast & accessibility
Ag
AAAOn white
WCAG 7.57:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.77:1 · APCA Lc 16
Best text color: #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);
}