Color con nombre más cercano · #7D4546
#7D4546
Color con nombre más cercano: Red Elegance
#7D4546 (rgb(125 69 70), hsl(359 29% 38%), oklch(0.458 0.077 19.4)) 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.
#7D4546
oklch(0.458 0.077 19.4)
Conversiones de color
- HEX
- #7d4546
- RGB
- rgb(125 69 70)
- HSL
- hsl(359 29% 38%)
- HWB
- hwb(359 27% 51%)
- OKLCH
- oklch(0.458 0.077 19.4)
- OKLab
- oklab(0.458 0.073 0.026)
- CIE Lab
- lab(36.37 24.68 10.51)
- LCH
- lch(36.37 26.82 23.1)
- CMYK
- cmyk(0% 45% 44% 51%)
Tintes · Sombras · Tonos
Tintes
- 8A5657
- 986868
- A57A79
- B28C8B
- BF9E9E
- CCB1B0
- D9C4C4
- E5D7D7
- F2EBEB
Sombras
- 6C3B3C
- 5B3132
- 4B2728
- 3B1E1E
- 2C1515
- 1E0C0D
- 110505
- 050202
- 010000
Tonos
- 7E4B4C
- 7F5151
- 805757
- 805D5D
- 816363
- 816968
- 816F6E
- 817474
- 807A7A
Armonías de color
Complementario +180°
- 7D4546
Red Elegance
- 036468
≈ Really Teal
Análogo -30° +30°
- 7D4546
Red Elegance
- 77455E
≈ Scintillating Violet
- 7A4A2F
≈ Urban Auburn
Triádico +120° +240°
- 7D4546
Red Elegance
- 406237
≈ Greenhouse
- 3D5882
≈ Deep Azure
Complementario dividido +150° +210°
- 7D4546
Red Elegance
- 206550
≈ Embracing
- 1E5F7A
≈ Blue Sapphire
Tetrádico +90° +180° +270°
- 7D4546
Red Elegance
- 5B5B23
≈ Saratoga
- 036468
≈ Really Teal
- 575080
≈ Freshly Purpleized
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.46:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.81:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--red-elegance: #7d4546;
--red-elegance-rgb: 125 69 70;
--red-elegance-oklch: oklch(0.458 0.077 19.4);
}
.element {
color: var(--red-elegance);
background-color: hsl(359 29% 38%);
border-color: oklch(0.458 0.077 19.4);
}Tailwind CSS v4
@theme {
--color-red-elegance: #7d4546;
--color-red-elegance-50: #ffedeb;
--color-red-elegance-100: #ffdedd;
--color-red-elegance-200: #f4c8c6;
--color-red-elegance-300: #dca8a6;
--color-red-elegance-400: #c88c8c;
--color-red-elegance-500: #b47171;
--color-red-elegance-600: #986060;
--color-red-elegance-700: #7a4d4d;
--color-red-elegance-800: #5a3739;
--color-red-elegance-900: #3f2627;
--color-red-elegance-950: #281415;
}SCSS
$red-elegance: #7d4546;
$red-elegance-rgb: 125, 69, 70;
$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);
}