Couleur nommée la plus proche · #8D4C4B
#8D4C4B
Couleur nommée la plus proche: Red Elegance
#8D4C4B (rgb(141 76 75), hsl(1 31% 42%), oklch(0.494 0.088 21.7)) est la plus proche de la couleur nommée Red Elegance. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8D4C4B
oklch(0.494 0.088 21.7)
Conversions de couleur
- HEX
- #8d4c4b
- RGB
- rgb(141 76 75)
- HSL
- hsl(1 31% 42%)
- HWB
- hwb(1 29% 45%)
- OKLCH
- oklch(0.494 0.088 21.7)
- OKLab
- oklab(0.494 0.082 0.033)
- CIE Lab
- lab(40.47 27.92 13.43)
- LCH
- lch(40.47 30.98 25.7)
- CMYK
- cmyk(0% 46% 47% 45%)
Teintes · Ombres · Tons
Teintes
- 995D5B
- A56E6C
- B17F7D
- BC918F
- C8A3A1
- D3B5B3
- DEC7C6
- E9D9D8
- F4ECEC
Ombres
- 7A4140
- 673635
- 552C2B
- 442221
- 331817
- 230F0E
- 140606
- 070202
- 010000
Tons
- 8C5250
- 8C5755
- 8B5C5B
- 8A6260
- 896765
- 876C6B
- 867170
- 847675
- 827B7B
Harmonies de couleurs
Complémentaire +180°
- 8D4C4B
Red Elegance
- 006F76
≈ Active Turquoise
Analogue -30° +30°
- 8D4C4B
Red Elegance
- 874C67
≈ Damson
- 895230
≈ Charred Clay
Triadique +120° +240°
- 8D4C4B
Red Elegance
- 436E3E
≈ Under the Radar
- 456194
≈ Last Light Blue
Complémentaire divisée +150° +210°
- 8D4C4B
Red Elegance
- 19725C
≈ Tropical Rainforest
- 1F6A8B
≈ Bondi
Tétradique +90° +180° +270°
- 8D4C4B
Red Elegance
- 636624
≈ Deathworld Forest
- 006F76
≈ Active Turquoise
- 635890
≈ Butterfly Bush
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.42:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.26:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--red-elegance: #8d4c4b;
--red-elegance-rgb: 141 76 75;
--red-elegance-oklch: oklch(0.494 0.088 21.7);
}
.element {
color: var(--red-elegance);
background-color: hsl(1 31% 42%);
border-color: oklch(0.494 0.088 21.7);
}Tailwind CSS v4
@theme {
--color-red-elegance: #8d4c4b;
--color-red-elegance-50: #ffece9;
--color-red-elegance-100: #ffddda;
--color-red-elegance-200: #f8c6c2;
--color-red-elegance-300: #e1a6a2;
--color-red-elegance-400: #cd8a87;
--color-red-elegance-500: #b96e6c;
--color-red-elegance-600: #9d5d5c;
--color-red-elegance-700: #7e4a49;
--color-red-elegance-800: #5d3636;
--color-red-elegance-900: #412525;
--color-red-elegance-950: #2a1313;
}SCSS
$red-elegance: #8d4c4b;
$red-elegance-rgb: 141, 76, 75;
$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);
}