Color con nombre más cercano · #84444F
#84444F
Color con nombre más cercano: Red Elegance
#84444F (rgb(132 68 79), hsl(350 32% 39%), oklch(0.469 0.088 10.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.
#84444F
oklch(0.469 0.088 10.1)
Conversiones de color
- HEX
- #84444f
- RGB
- rgb(132 68 79)
- HSL
- hsl(350 32% 39%)
- HWB
- hwb(350 27% 48%)
- OKLCH
- oklch(0.469 0.088 10.1)
- OKLab
- oklab(0.469 0.087 0.016)
- CIE Lab
- lab(37.39 28.88 6.47)
- LCH
- lch(37.39 29.6 12.6)
- CMYK
- cmyk(0% 48% 40% 48%)
Tintes · Sombras · Tonos
Tintes
- 91565F
- 9E676F
- AA7980
- B78C91
- C39EA3
- CFB1B4
- DBC4C7
- E7D7D9
- F3EBEC
Sombras
- 723A44
- 603038
- 4F262E
- 3F1D23
- 2F1419
- 200C10
- 120507
- 060202
- 010000
Tonos
- 844A54
- 855159
- 85575D
- 855D62
- 846367
- 84696C
- 836F71
- 827476
- 817A7B
Armonías de color
Complementario +180°
- 84444F
Red Elegance
- 006965
≈ Chinese Garden
Análogo -30° +30°
- 84444F
Red Elegance
- 7B466A
≈ Magician’s Cloak
- 844833
≈ Hammered Copper
Triádico +120° +240°
- 84444F
Red Elegance
- 4A642C
≈ Dell
- 315D8A
≈ Moroccan Resort
Complementario dividido +150° +210°
- 84444F
Red Elegance
- 236949
≈ Pumpkin Green
- 00657C
≈ Striking
Tetrádico +90° +180° +270°
- 84444F
Red Elegance
- 665B15
≈ Brussels Sprout Green
- 006965
≈ Chinese Garden
- 51548B
≈ Baby Whale
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.18:1 · APCA Lc 85
Ag
FailSobre negro
WCAG 2.92:1 · APCA Lc 17
Mejor color de texto: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--red-elegance: #84444f;
--red-elegance-rgb: 132 68 79;
--red-elegance-oklch: oklch(0.469 0.088 10.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(350 32% 39%);
border-color: oklch(0.469 0.088 10.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #84444f;
--color-red-elegance-50: #ffebee;
--color-red-elegance-100: #ffdde0;
--color-red-elegance-200: #f7c5ca;
--color-red-elegance-300: #e1a5ab;
--color-red-elegance-400: #cc8992;
--color-red-elegance-500: #b86d79;
--color-red-elegance-600: #9c5c66;
--color-red-elegance-700: #7d4a52;
--color-red-elegance-800: #5c353c;
--color-red-elegance-900: #412429;
--color-red-elegance-950: #291317;
}SCSS
$red-elegance: #84444f;
$red-elegance-rgb: 132, 68, 79;
$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);
}