Color con nombre más cercano · #F98E87
#F98E87
Color con nombre más cercano: Vinaceous Cinnamon
#F98E87 (rgb(249 142 135), hsl(4 90% 75%), oklch(0.759 0.131 24.6)) se parece más al color con nombre Vinaceous Cinnamon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F98E87
oklch(0.759 0.131 24.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FB9A93
- FDA59F
- FEB1AA
- FFBCB6
- FFC7C2
- FFD3CE
- FFDEDA
- FFE9E6
- FFF4F3
Sombras
- D97B75
- B96863
- 9A5651
- 7D4441
- 613431
- 462421
- 2C1513
- 150706
- 030101
Tonos
- ED8D87
- E18C86
- D58B85
- C98A85
- BD8984
- B18783
- A58683
- 998482
- 8D8281
Armonías de color
Complementario +180°
- F98E87
Vinaceous Cinnamon
- 00C8D7
≈ Turquoise Surf
Análogo -30° +30°
- F98E87
Vinaceous Cinnamon
- F18CB6
≈ Brown Knapweed
- F0995B
≈ Ridgeback
Triádico +120° +240°
- F98E87
Vinaceous Cinnamon
- 7AC77B
≈ Garden Stroll
- 8AAFFF
≈ Kitten’s Eye
Complementario dividido +150° +210°
- F98E87
Vinaceous Cinnamon
- 36CCAB
≈ Mint Leaf
- 4CBEF7
≈ Megaman
Tetrádico +90° +180° +270°
- F98E87
Vinaceous Cinnamon
- AFBA50
≈ Japanese Fern
- 00C8D7
≈ Turquoise Surf
- B6A0FB
≈ Shy Moment
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.27:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.24:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.24:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
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);
}