Couleur nommée la plus proche · #F98E87
#F98E87
Couleur nommée la plus proche: Vinaceous Cinnamon
#F98E87 (rgb(249 142 135), hsl(4 90% 75%), oklch(0.759 0.131 24.6)) 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.
#F98E87
oklch(0.759 0.131 24.6)
Conversions de couleur
- HEX
- #f98e87
- RGB
- rgb(249 142 135)
- HSL
- hsl(4 90% 75%)
- HWB
- hwb(4 53% 2%)
- OKLCH
- oklch(0.759 0.131 24.6)
- OKLab
- oklab(0.759 0.119 0.054)
- CIE Lab
- lab(70.83 40.88 22.46)
- LCH
- lch(70.83 46.65 28.8)
- CMYK
- cmyk(0% 43% 46% 2%)
Teintes · Ombres · Tons
Teintes
- FB9A93
- FDA59F
- FEB1AA
- FFBCB6
- FFC7C2
- FFD3CE
- FFDEDA
- FFE9E6
- FFF4F3
Ombres
- D97B75
- B96863
- 9A5651
- 7D4441
- 613431
- 462421
- 2C1513
- 150706
- 030101
Tons
- ED8D87
- E18C86
- D58B85
- C98A85
- BD8984
- B18783
- A58683
- 998482
- 8D8281
Harmonies de couleurs
Complémentaire +180°
- F98E87
Vinaceous Cinnamon
- 00C8D7
≈ Turquoise Surf
Analogue -30° +30°
- F98E87
Vinaceous Cinnamon
- F18CB6
≈ Brown Knapweed
- F0995B
≈ Ridgeback
Triadique +120° +240°
- F98E87
Vinaceous Cinnamon
- 7AC77B
≈ Garden Stroll
- 8AAFFF
≈ Kitten’s Eye
Complémentaire divisée +150° +210°
- F98E87
Vinaceous Cinnamon
- 36CCAB
≈ Mint Leaf
- 4CBEF7
≈ Megaman
Tétradique +90° +180° +270°
- F98E87
Vinaceous Cinnamon
- AFBA50
≈ Japanese Fern
- 00C8D7
≈ Turquoise Surf
- B6A0FB
≈ Shy Moment
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.27:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.24:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.24:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--vinaceous-cinnamon: #f98e87;
--vinaceous-cinnamon-rgb: 249 142 135;
--vinaceous-cinnamon-oklch: oklch(0.759 0.131 24.6);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(4 90% 75%);
border-color: oklch(0.759 0.131 24.6);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f98e87;
--color-vinaceous-cinnamon-50: #ffe8e1;
--color-vinaceous-cinnamon-100: #ffd8d1;
--color-vinaceous-cinnamon-200: #ffbfb7;
--color-vinaceous-cinnamon-300: #f39d94;
--color-vinaceous-cinnamon-400: #e17e77;
--color-vinaceous-cinnamon-500: #cf5e59;
--color-vinaceous-cinnamon-600: #ae504c;
--color-vinaceous-cinnamon-700: #8c403c;
--color-vinaceous-cinnamon-800: #682d2d;
--color-vinaceous-cinnamon-900: #491f1e;
--color-vinaceous-cinnamon-950: #300e0e;
}SCSS
$vinaceous-cinnamon: #f98e87;
$vinaceous-cinnamon-rgb: 249, 142, 135;
$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);
}