Color con nombre más cercano · #834B4F
#834B4F
Color con nombre más cercano: Red Elegance
#834B4F (rgb(131 75 79), hsl(356 27% 40%), oklch(0.48 0.076 15.7)) 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.
#834B4F
oklch(0.48 0.076 15.7)
Conversiones de color
- HEX
- #834b4f
- RGB
- rgb(131 75 79)
- HSL
- hsl(356 27% 40%)
- HWB
- hwb(356 29% 49%)
- OKLCH
- oklch(0.48 0.076 15.7)
- OKLab
- oklab(0.48 0.073 0.021)
- CIE Lab
- lab(38.84 24.67 8.46)
- LCH
- lch(38.84 26.08 18.9)
- CMYK
- cmyk(0% 43% 40% 49%)
Tintes · Sombras · Tonos
Tintes
- 905C5F
- 9C6D6F
- A97E80
- B59091
- C2A2A3
- CEB4B5
- DAC6C7
- E7D9D9
- F3ECEC
Sombras
- 714044
- 603538
- 4F2B2E
- 3F2123
- 2F1719
- 200E10
- 120607
- 060202
- 010000
Tonos
- 835154
- 845659
- 845B5D
- 846162
- 836667
- 836B6C
- 837071
- 827676
- 817B7B
Armonías de color
Complementario +180°
- 834B4F
Red Elegance
- 146B6B
≈ Mosaic Tile
Análogo -30° +30°
- 834B4F
Red Elegance
- 7C4B67
≈ Brocade Violet
- 814F38
≈ Curry Brown
Triádico +120° +240°
- 834B4F
Red Elegance
- 4A673B
≈ Garden Green
- 405F88
≈ Functional Blue
Complementario dividido +150° +210°
- 834B4F
Red Elegance
- 2C6B53
≈ Sparkling Emerald
- 23667E
≈ Georgian Bay
Tetrádico +90° +180° +270°
- 834B4F
Red Elegance
- 636029
≈ Saguaro
- 146B6B
≈ Mosaic Tile
- 5A5787
≈ Mountain Iris
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.80:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.08:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--red-elegance: #834b4f;
--red-elegance-rgb: 131 75 79;
--red-elegance-oklch: oklch(0.48 0.076 15.7);
}
.element {
color: var(--red-elegance);
background-color: hsl(356 27% 40%);
border-color: oklch(0.48 0.076 15.7);
}Tailwind CSS v4
@theme {
--color-red-elegance: #834b4f;
--color-red-elegance-50: #ffeded;
--color-red-elegance-100: #ffdede;
--color-red-elegance-200: #f3c8c8;
--color-red-elegance-300: #dca8a9;
--color-red-elegance-400: #c78c8f;
--color-red-elegance-500: #b37175;
--color-red-elegance-600: #976063;
--color-red-elegance-700: #794d4f;
--color-red-elegance-800: #5a373a;
--color-red-elegance-900: #3f2628;
--color-red-elegance-950: #281416;
}SCSS
$red-elegance: #834b4f;
$red-elegance-rgb: 131, 75, 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);
}