Couleur nommée la plus proche · #F19A9A
#F19A9A
Couleur nommée la plus proche: Funki Porcini
#F19A9A (rgb(241 154 154), hsl(0 76% 77%), oklch(0.774 0.105 19.7)) est la plus proche de la couleur nommée Funki Porcini. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F19A9A
oklch(0.774 0.105 19.7)
Conversions de couleur
- HEX
- #f19a9a
- RGB
- rgb(241 154 154)
- HSL
- hsl(0 76% 77%)
- HWB
- hwb(0 60% 5%)
- OKLCH
- oklch(0.774 0.105 19.7)
- OKLab
- oklab(0.774 0.099 0.035)
- CIE Lab
- lab(72.69 33.44 14.35)
- LCH
- lch(72.69 36.39 23.2)
- CMYK
- cmyk(0% 36% 36% 5%)
Teintes · Ombres · Tons
Teintes
- F3A4A4
- F6AEAE
- F8B9B8
- F9C3C2
- FBCDCC
- FCD7D6
- FDE1E0
- FEEBEA
- FFF5F5
Ombres
- D28585
- B37171
- 955E5E
- 794B4B
- 5D3939
- 432727
- 2B1717
- 140909
- 030101
Tons
- E69897
- DB9595
- CF9392
- C49090
- B98E8D
- AE8B8B
- A28988
- 978685
- 8C8383
Harmonies de couleurs
Complémentaire +180°
- F19A9A
Funki Porcini
- 54CACF
≈ Sea Serpent
Analogue -30° +30°
- F19A9A
Funki Porcini
- E89ABF
≈ Shocking
- ECA178
≈ Mexican Standoff
Triadique +120° +240°
- F19A9A
Funki Porcini
- 92C686
≈ Picnic
- 8EB7F8
≈ Carolina Blue
Complémentaire divisée +150° +210°
- F19A9A
Funki Porcini
- 69CBAB
≈ Aquarium Blue
- 67C2EB
≈ Bff Blue
Tétradique +90° +180° +270°
- F19A9A
Funki Porcini
- BABB6A
≈ Citrus Peel
- 54CACF
≈ Sea Serpent
- B4AAF4
≈ Winterspring Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.13:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.82:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.82:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--funki-porcini: #f19a9a;
--funki-porcini-rgb: 241 154 154;
--funki-porcini-oklch: oklch(0.774 0.105 19.7);
}
.element {
color: var(--funki-porcini);
background-color: hsl(0 76% 77%);
border-color: oklch(0.774 0.105 19.7);
}Tailwind CSS v4
@theme {
--color-funki-porcini: #f19a9a;
--color-funki-porcini-50: #ffeae8;
--color-funki-porcini-100: #ffdbd8;
--color-funki-porcini-200: #fec3c0;
--color-funki-porcini-300: #e8a2a0;
--color-funki-porcini-400: #d58585;
--color-funki-porcini-500: #c26869;
--color-funki-porcini-600: #a45859;
--color-funki-porcini-700: #834647;
--color-funki-porcini-800: #623235;
--color-funki-porcini-900: #442224;
--color-funki-porcini-950: #2c1113;
}SCSS
$funki-porcini: #f19a9a;
$funki-porcini-rgb: 241, 154, 154;
$funki-porcini-light: mix(#fff, $funki-porcini, 20%);
$funki-porcini-dark: mix(#000, $funki-porcini, 20%);
.element {
color: $funki-porcini;
box-shadow: 0 0 0 2px rgba($funki-porcini, 0.35);
}