Couleur nommée la plus proche · #F58D88
#F58D88
Couleur nommée la plus proche: Vinaceous Cinnamon
#F58D88 (rgb(245 141 136), hsl(3 84% 75%), oklch(0.753 0.127 23.4)) est la plus proche de la couleur nommée Vinaceous Cinnamon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F58D88
oklch(0.753 0.127 23.4)
Conversions de couleur
- HEX
- #f58d88
- RGB
- rgb(245 141 136)
- HSL
- hsl(3 84% 75%)
- HWB
- hwb(3 53% 4%)
- OKLCH
- oklch(0.753 0.127 23.4)
- OKLab
- oklab(0.753 0.117 0.051)
- CIE Lab
- lab(70.11 39.95 20.84)
- LCH
- lch(70.11 45.06 27.6)
- CMYK
- cmyk(0% 42% 44% 4%)
Teintes · Ombres · Tons
Teintes
- F79994
- F9A49F
- FBB0AB
- FDBBB7
- FEC7C3
- FFD2CE
- FFDDDA
- FFE9E7
- FFF4F3
Ombres
- D57A75
- B66763
- 985552
- 7B4441
- 5F3331
- 442322
- 2B1413
- 150706
- 030101
Tons
- EA8C87
- DE8C87
- D38B86
- C78985
- BB8885
- B08784
- A48583
- 988482
- 8C8281
Harmonies de couleurs
Complémentaire +180°
- F58D88
Vinaceous Cinnamon
- 0CC6D3
≈ Turquoise Surf
Analogue -30° +30°
- F58D88
Vinaceous Cinnamon
- ED8CB5
≈ Brown Knapweed
- ED975D
≈ Topaz Yellow
Triadique +120° +240°
- F58D88
Vinaceous Cinnamon
- 7CC479
≈ Garden Stroll
- 85AEFF
≈ Kitten’s Eye
Complémentaire divisée +150° +210°
- F58D88
Vinaceous Cinnamon
- 3EC9A8
≈ Jadeite
- 4CBCF2
≈ Clean Pool
Tétradique +90° +180° +270°
- F58D88
Vinaceous Cinnamon
- AFB751
≈ Green Oasis
- 0CC6D3
≈ Turquoise Surf
- B39FF8
≈ Shy Moment
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.32:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.04:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.04:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--vinaceous-cinnamon: #f58d88;
--vinaceous-cinnamon-rgb: 245 141 136;
--vinaceous-cinnamon-oklch: oklch(0.753 0.127 23.4);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(3 84% 75%);
border-color: oklch(0.753 0.127 23.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f58d88;
--color-vinaceous-cinnamon-50: #ffe8e3;
--color-vinaceous-cinnamon-100: #ffd8d2;
--color-vinaceous-cinnamon-200: #ffc0b9;
--color-vinaceous-cinnamon-300: #f29e96;
--color-vinaceous-cinnamon-400: #e07f7a;
--color-vinaceous-cinnamon-500: #cd5f5d;
--color-vinaceous-cinnamon-600: #ad514f;
--color-vinaceous-cinnamon-700: #8b413f;
--color-vinaceous-cinnamon-800: #672e2e;
--color-vinaceous-cinnamon-900: #491f1f;
--color-vinaceous-cinnamon-950: #2f0e0f;
}SCSS
$vinaceous-cinnamon: #f58d88;
$vinaceous-cinnamon-rgb: 245, 141, 136;
$vinaceous-cinnamon-light: mix(#fff, $vinaceous-cinnamon, 20%);
$vinaceous-cinnamon-dark: mix(#000, $vinaceous-cinnamon, 20%);
.element {
color: $vinaceous-cinnamon;
box-shadow: 0 0 0 2px rgba($vinaceous-cinnamon, 0.35);
}