Couleur nommée la plus proche · #C4595C
#C4595C
Couleur nommée la plus proche: Pimm’s
#C4595C (rgb(196 89 92), hsl(358 48% 56%), oklch(0.598 0.137 20.4)) est la plus proche de la couleur nommée Pimm’s. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C4595C
oklch(0.598 0.137 20.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- CC6A6B
- D37B7B
- DA8C8B
- E09C9B
- E7ACAB
- ECBDBB
- F2CDCC
- F6DEDD
- FBEEEE
Ombres
- AA4C4F
- 914042
- 783436
- 61282A
- 4A1D1F
- 351314
- 21090A
- 0E0303
- 020000
Tons
- BE5E60
- B86364
- B26767
- AC6C6B
- A56F6F
- 9E7372
- 977776
- 907A79
- 887D7D
Harmonies de couleurs
Complémentaire +180°
- C4595C
Pimm’s
- 009198
≈ Splashy
Analogue -30° +30°
- C4595C
Pimm’s
- BA598A
≈ Berry Boost
- BE6326
≈ Opening Night
Triadique +120° +240°
- C4595C
Pimm’s
- 4E9340
≈ May Green
- 4D7ED1
≈ Serenity’s Reign
Complémentaire divisée +150° +210°
- C4595C
Pimm’s
- 009675
≈ Pool Table
- 008BB9
≈ Hawaiian Ocean
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.25:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.93:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
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);
}