Color con nombre más cercano · #C4595C
#C4595C
Color con nombre más cercano: Pimm’s
#C4595C (rgb(196 89 92), hsl(358 48% 56%), oklch(0.598 0.137 20.4)) se parece más al color con nombre Pimm’s. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C4595C
oklch(0.598 0.137 20.4)
Conversiones de color
- HEX
- #c4595c
- RGB
- rgb(196 89 92)
- HSL
- hsl(358 48% 56%)
- HWB
- hwb(358 35% 23%)
- OKLCH
- oklch(0.598 0.137 20.4)
- OKLab
- oklab(0.598 0.129 0.048)
- CIE Lab
- lab(51.94 43.86 20.25)
- LCH
- lch(51.94 48.31 24.8)
- CMYK
- cmyk(0% 55% 53% 23%)
Tintes · Sombras · Tonos
Tintes
- CC6A6B
- D37B7B
- DA8C8B
- E09C9B
- E7ACAB
- ECBDBB
- F2CDCC
- F6DEDD
- FBEEEE
Sombras
- AA4C4F
- 914042
- 783436
- 61282A
- 4A1D1F
- 351314
- 21090A
- 0E0303
- 020000
Tonos
- BE5E60
- B86364
- B26767
- AC6C6B
- A56F6F
- 9E7372
- 977776
- 907A79
- 887D7D
Armonías de color
Complementario +180°
- C4595C
Pimm’s
- 009198
≈ Splashy
Análogo -30° +30°
- C4595C
Pimm’s
- BA598A
≈ Berry Boost
- BE6326
≈ Opening Night
Triádico +120° +240°
- C4595C
Pimm’s
- 4E9340
≈ May Green
- 4D7ED1
≈ Serenity’s Reign
Complementario dividido +150° +210°
- C4595C
Pimm’s
- 009675
≈ Pool Table
- 008BB9
≈ Hawaiian Ocean
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.25:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.93:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--pimm-s: #c4595c;
--pimm-s-rgb: 196 89 92;
--pimm-s-oklch: oklch(0.598 0.137 20.4);
}
.element {
color: var(--pimm-s);
background-color: hsl(358 48% 56%);
border-color: oklch(0.598 0.137 20.4);
}Tailwind CSS v4
@theme {
--color-pimm-s: #c4595c;
--color-pimm-s-50: #ffe7e3;
--color-pimm-s-100: #ffd7d3;
--color-pimm-s-200: #ffbdb9;
--color-pimm-s-300: #f69b97;
--color-pimm-s-400: #e47b7c;
--color-pimm-s-500: #d15a5e;
--color-pimm-s-600: #b14d50;
--color-pimm-s-700: #8e3e40;
--color-pimm-s-800: #6a2c30;
--color-pimm-s-900: #4a1d20;
--color-pimm-s-950: #310d10;
}SCSS
$pimm-s: #c4595c;
$pimm-s-rgb: 196, 89, 92;
$pimm-s-light: mix(#fff, $pimm-s, 20%);
$pimm-s-dark: mix(#000, $pimm-s, 20%);
.element {
color: $pimm-s;
box-shadow: 0 0 0 2px rgba($pimm-s, 0.35);
}