Couleur nommée la plus proche · #F49B87
#F49B87
Couleur nommée la plus proche: Parma Ham
#F49B87 (rgb(244 155 135), hsl(11 83% 74%), oklch(0.775 0.111 33.4)) est la plus proche de la couleur nommée Parma Ham. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F49B87
oklch(0.775 0.111 33.4)
Conversions de couleur
- HEX
- #f49b87
- RGB
- rgb(244 155 135)
- HSL
- hsl(11 83% 74%)
- HWB
- hwb(11 53% 4%)
- OKLCH
- oklch(0.775 0.111 33.4)
- OKLab
- oklab(0.775 0.093 0.061)
- CIE Lab
- lab(72.95 32.58 25.15)
- LCH
- lch(72.95 41.16 37.7)
- CMYK
- cmyk(0% 36% 45% 4%)
Teintes · Ombres · Tons
Teintes
- F6A593
- F8AF9F
- FAB9AB
- FBC3B6
- FCCDC2
- FDD7CE
- FEE1DA
- FFEBE7
- FFF5F3
Ombres
- D48675
- B57263
- 975E51
- 7A4B41
- 5E3931
- 442821
- 2B1813
- 140906
- 030101
Tons
- E89987
- DD9686
- D19486
- C69185
- BA8F84
- AF8C84
- A38983
- 988682
- 8C8381
Harmonies de couleurs
Complémentaire +180°
- F49B87
Parma Ham
- 4FC8E0
≈ Naxos Sky
Analogue -30° +30°
- F49B87
Parma Ham
- F197AE
≈ Flower Girl
- E8A667
≈ Apricot Sorbet
Triadique +120° +240°
- F49B87
Parma Ham
- 7BCB94
≈ Garden Glow
- 9FB1FD
≈ Wondrous Wisteria
Complémentaire divisée +150° +210°
- F49B87
Parma Ham
- 52CDBD
≈ Peppy Peacock
- 74BEF7
≈ Maya Blue
Tétradique +90° +180° +270°
- F49B87
Parma Ham
- A8C270
≈ Light Olive
- 4FC8E0
≈ Naxos Sky
- C4A4F0
≈ Lavender Cream
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.12:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.88:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--parma-ham: #f49b87;
--parma-ham-rgb: 244 155 135;
--parma-ham-oklch: oklch(0.775 0.111 33.4);
}
.element {
color: var(--parma-ham);
background-color: hsl(11 83% 74%);
border-color: oklch(0.775 0.111 33.4);
}Tailwind CSS v4
@theme {
--color-parma-ham: #f49b87;
--color-parma-ham-50: #ffebe0;
--color-parma-ham-100: #ffdccf;
--color-parma-ham-200: #ffc4b4;
--color-parma-ham-300: #eaa391;
--color-parma-ham-400: #d88573;
--color-parma-ham-500: #c46854;
--color-parma-ham-600: #a65848;
--color-parma-ham-700: #854739;
--color-parma-ham-800: #63322a;
--color-parma-ham-900: #46221c;
--color-parma-ham-950: #2d110c;
}SCSS
$parma-ham: #f49b87;
$parma-ham-rgb: 244, 155, 135;
$parma-ham-light: mix(#fff, $parma-ham, 20%);
$parma-ham-dark: mix(#000, $parma-ham, 20%);
.element {
color: $parma-ham;
box-shadow: 0 0 0 2px rgba($parma-ham, 0.35);
}