Couleur nommée la plus proche · #8A5453
#8A5453
Couleur nommée la plus proche: Red Elegance
#8A5453 (rgb(138 84 83), hsl(1 25% 43%), oklch(0.507 0.072 21.1)) 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.
#8A5453
oklch(0.507 0.072 21.1)
Conversions de couleur
- HEX
- #8a5453
- RGB
- rgb(138 84 83)
- HSL
- hsl(1 25% 43%)
- HWB
- hwb(1 33% 46%)
- OKLCH
- oklch(0.507 0.072 21.1)
- OKLab
- oklab(0.507 0.068 0.026)
- CIE Lab
- lab(42.05 22.99 10.6)
- LCH
- lch(42.05 25.32 24.8)
- CMYK
- cmyk(0% 39% 40% 46%)
Teintes · Ombres · Tons
Teintes
- 966463
- A27473
- AE8583
- BA9594
- C5A6A5
- D1B8B6
- DCC9C8
- E8DBDA
- F4EDEC
Ombres
- 774847
- 653C3B
- 533130
- 422625
- 321B1B
- 221111
- 140808
- 070202
- 010000
Tons
- 8A5957
- 895D5C
- 886260
- 886665
- 876A69
- 866F6E
- 847372
- 837777
- 827C7B
Harmonies de couleurs
Complémentaire +180°
- 8A5453
Red Elegance
- 267176
≈ Whaling Waters
Analogue -30° +30°
- 8A5453
Red Elegance
- 85546A
≈ Private Tone
- 86593E
≈ Hope Chest
Triadique +120° +240°
- 8A5453
Red Elegance
- 4E7048
≈ Asparagus Sprig
- 4D658F
≈ Dutch Blue
Complémentaire divisée +150° +210°
- 8A5453
Red Elegance
- 337360
≈ Nordic Forest
- 346D87
≈ Astral
Tétradique +90° +180° +270°
- 8A5453
Red Elegance
- 676936
≈ Jungle Civilization
- 267176
≈ Whaling Waters
- 655E8C
≈ Majestic Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.04:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.47:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--red-elegance: #8a5453;
--red-elegance-rgb: 138 84 83;
--red-elegance-oklch: oklch(0.507 0.072 21.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(1 25% 43%);
border-color: oklch(0.507 0.072 21.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #8a5453;
--color-red-elegance-50: #ffeeeb;
--color-red-elegance-100: #ffdfdd;
--color-red-elegance-200: #f2c9c6;
--color-red-elegance-300: #daa9a6;
--color-red-elegance-400: #c68e8c;
--color-red-elegance-500: #b17371;
--color-red-elegance-600: #966160;
--color-red-elegance-700: #784e4d;
--color-red-elegance-800: #593838;
--color-red-elegance-900: #3e2627;
--color-red-elegance-950: #271515;
}SCSS
$red-elegance: #8a5453;
$red-elegance-rgb: 138, 84, 83;
$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);
}