Color con nombre más cercano · #5D2A39
#5D2A39
Color con nombre más cercano: Siren
#5D2A39 (rgb(93 42 57), hsl(342 38% 26%), oklch(0.36 0.076 3.1)) se parece más al color con nombre Siren. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5D2A39
oklch(0.36 0.076 3.1)
Conversiones de color
- HEX
- #5d2a39
- RGB
- rgb(93 42 57)
- HSL
- hsl(342 38% 26%)
- HWB
- hwb(342 16% 64%)
- OKLCH
- oklch(0.36 0.076 3.1)
- OKLab
- oklab(0.36 0.076 0.004)
- CIE Lab
- lab(24.78 25.09 1.91)
- LCH
- lch(24.78 25.17 4.4)
- CMYK
- cmyk(0% 55% 39% 64%)
Tintes · Sombras · Tonos
Tintes
- 6D3D4A
- 7D515C
- 8D656F
- 9D7A82
- AE8F96
- BEA4AA
- CEBABF
- DED1D4
- EFE8E9
Sombras
- 502330
- 431C28
- 37161F
- 2A1017
- 1F0A10
- 140509
- 0A0204
- 030101
- 000000
Tonos
- 613340
- 653B46
- 69444D
- 6D4C54
- 71555B
- 745D62
- 77666A
- 7A6F71
- 7D7778
Armonías de color
Complementario +180°
- 5D2A39
Siren
- 004840
≈ Tropical Forest
Análogo -30° +30°
- 5D2A39
Siren
- 542D4E
≈ Plum Skin
- 5F2C22
≈ Chestnut Leather
Triádico +120° +240°
Complementario dividido +150° +210°
- 5D2A39
Siren
- 154829
≈ Alaskan Moss
- 004551
≈ Crab Nebula
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.31:1 · APCA Lc 96
Ag
FailSobre negro
WCAG 1.85:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.31:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--siren: #5d2a39;
--siren-rgb: 93 42 57;
--siren-oklch: oklch(0.36 0.076 3.1);
}
.element {
color: var(--siren);
background-color: hsl(342 38% 26%);
border-color: oklch(0.36 0.076 3.1);
}Tailwind CSS v4
@theme {
--color-siren: #5d2a39;
--color-siren-50: #ffedf2;
--color-siren-100: #ffdee4;
--color-siren-200: #f2c7d0;
--color-siren-300: #daa8b2;
--color-siren-400: #c68c9a;
--color-siren-500: #b17081;
--color-siren-600: #955f6d;
--color-siren-700: #784c57;
--color-siren-800: #593741;
--color-siren-900: #3e262d;
--color-siren-950: #27141a;
}SCSS
$siren: #5d2a39;
$siren-rgb: 93, 42, 57;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}