Color con nombre más cercano · #5D4153
#5D4153
Color con nombre más cercano: Grape Fizz
#5D4153 (rgb(93 65 83), hsl(321 18% 31%), oklch(0.413 0.047 340.6)) se parece más al color con nombre Grape Fizz. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5D4153
oklch(0.413 0.047 340.6)
Conversiones de color
- HEX
- #5d4153
- RGB
- rgb(93 65 83)
- HSL
- hsl(321 18% 31%)
- HWB
- hwb(321 25% 64%)
- OKLCH
- oklch(0.413 0.047 340.6)
- OKLab
- oklab(0.413 0.045 -0.016)
- CIE Lab
- lab(31.23 14.92 -5.79)
- LCH
- lch(31.23 16 338.8)
- CMYK
- cmyk(0% 30% 11% 64%)
Tintes · Sombras · Tonos
Tintes
- 6C5263
- 7C6473
- 8B7683
- 9B8894
- AB9BA5
- BCAEB6
- CCC2C8
- DDD6DA
- EEEAEC
Sombras
- 503747
- 432E3B
- 372530
- 2A1C25
- 1F131B
- 140B11
- 0A0508
- 030102
- 000000
Tonos
- 614757
- 644D5C
- 685360
- 6B5A65
- 6F6069
- 72666E
- 766D72
- 797377
- 7D797B
Armonías de color
Complementario +180°
- 5D4153
Grape Fizz
- 335343
≈ Highland Green
Análogo -30° +30°
- 5D4153
Grape Fizz
- 53445E
≈ Petal Purple
- 624045
≈ Deep Maroon
Triádico +120° +240°
- 5D4153
Grape Fizz
- 514C2D
≈ Codium Fragile
- 2B515D
≈ Encore Teal
Complementario dividido +150° +210°
- 5D4153
Grape Fizz
- 425135
≈ Green Shade Wash
- 295351
≈ Sea Moss
Tetrádico +90° +180° +270°
- 5D4153
Grape Fizz
- 5C472E
≈ Brown Hen
- 335343
≈ Highland Green
- 374D64
≈ Rain Boots
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.94:1 · APCA Lc 90
Ag
FailSobre negro
WCAG 2.34:1 · APCA Lc 12
Mejor color de texto: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--grape-fizz: #5d4153;
--grape-fizz-rgb: 93 65 83;
--grape-fizz-oklch: oklch(0.413 0.047 340.6);
}
.element {
color: var(--grape-fizz);
background-color: hsl(321 18% 31%);
border-color: oklch(0.413 0.047 340.6);
}Tailwind CSS v4
@theme {
--color-grape-fizz: #5d4153;
--color-grape-fizz-50: #fff0f9;
--color-grape-fizz-100: #f4e2ec;
--color-grape-fizz-200: #e4cdda;
--color-grape-fizz-300: #caaebe;
--color-grape-fizz-400: #b394a7;
--color-grape-fizz-500: #9c7a90;
--color-grape-fizz-600: #84687a;
--color-grape-fizz-700: #6a5361;
--color-grape-fizz-800: #4e3c48;
--color-grape-fizz-900: #362932;
--color-grape-fizz-950: #21171e;
}SCSS
$grape-fizz: #5d4153;
$grape-fizz-rgb: 93, 65, 83;
$grape-fizz-light: mix(#fff, $grape-fizz, 20%);
$grape-fizz-dark: mix(#000, $grape-fizz, 20%);
.element {
color: $grape-fizz;
box-shadow: 0 0 0 2px rgba($grape-fizz, 0.35);
}