Color con nombre más cercano · #8A5453
#8A5453
Color con nombre más cercano: Red Elegance
#8A5453 (rgb(138 84 83), hsl(1 25% 43%), oklch(0.507 0.072 21.1)) se parece más al color con nombre Red Elegance. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8A5453
oklch(0.507 0.072 21.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 966463
- A27473
- AE8583
- BA9594
- C5A6A5
- D1B8B6
- DCC9C8
- E8DBDA
- F4EDEC
Sombras
- 774847
- 653C3B
- 533130
- 422625
- 321B1B
- 221111
- 140808
- 070202
- 010000
Tonos
- 8A5957
- 895D5C
- 886260
- 886665
- 876A69
- 866F6E
- 847372
- 837777
- 827C7B
Armonías de color
Complementario +180°
- 8A5453
Red Elegance
- 267176
≈ Whaling Waters
Análogo -30° +30°
- 8A5453
Red Elegance
- 85546A
≈ Private Tone
- 86593E
≈ Hope Chest
Triádico +120° +240°
- 8A5453
Red Elegance
- 4E7048
≈ Asparagus Sprig
- 4D658F
≈ Dutch Blue
Complementario dividido +150° +210°
- 8A5453
Red Elegance
- 337360
≈ Nordic Forest
- 346D87
≈ Astral
Tetrádico +90° +180° +270°
- 8A5453
Red Elegance
- 676936
≈ Jungle Civilization
- 267176
≈ Whaling Waters
- 655E8C
≈ Majestic Purple
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.04:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.47:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
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);
}