Color con nombre más cercano · #FF938E
#FF938E
Color con nombre más cercano: Vinaceous
#FF938E (rgb(255 147 142), hsl(3 100% 78%), oklch(0.776 0.131 23.3)) se parece más al color con nombre Vinaceous. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FF938E
oklch(0.776 0.131 23.3)
Conversiones de color
- HEX
- #ff938e
- RGB
- rgb(255 147 142)
- HSL
- hsl(3 100% 78%)
- HWB
- hwb(3 56% 0%)
- OKLCH
- oklch(0.776 0.131 23.3)
- OKLab
- oklab(0.776 0.12 0.052)
- CIE Lab
- lab(72.76 41.18 21.38)
- LCH
- lch(72.76 46.4 27.4)
- CMYK
- cmyk(0% 42% 44% 0%)
Tintes · Sombras · Tonos
Tintes
- FF9E99
- FFA9A4
- FFB4AF
- FFBFBB
- FFCAC6
- FFD5D1
- FFDFDC
- FFEAE8
- FFF4F3
Sombras
- DE7F7B
- BE6C68
- 9E5956
- 804744
- 633634
- 482524
- 2E1615
- 160807
- 030101
Tonos
- F2928D
- E6908C
- D98F8A
- CD8D89
- C08B88
- B48986
- A78785
- 9A8583
- 8D8282
Armonías de color
Complementario +180°
- FF938E
Vinaceous
- 0DCEDC
≈ Jade Glass
Análogo -30° +30°
- FF938E
Vinaceous
- F692BD
≈ Pastel Magenta
- F79E62
≈ Brushed Orange
Triádico +120° +240°
- FF938E
Vinaceous
- 81CC7E
≈ Jube Green
- 90B6FF
≈ Carolina Blue
Complementario dividido +150° +210°
- FF938E
Vinaceous
- 41D1AF
≈ Simply Aqua
- 4FC4FC
≈ Shovel Knight
Tetrádico +90° +180° +270°
- FF938E
Vinaceous
- B6BF55
≈ Sativa
- 0DCEDC
≈ Jade Glass
- BAA6FF
≈ Winterspring Lilac
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.81:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.81:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--vinaceous: #ff938e;
--vinaceous-rgb: 255 147 142;
--vinaceous-oklch: oklch(0.776 0.131 23.3);
}
.element {
color: var(--vinaceous);
background-color: hsl(3 100% 78%);
border-color: oklch(0.776 0.131 23.3);
}Tailwind CSS v4
@theme {
--color-vinaceous: #ff938e;
--color-vinaceous-50: #ffe8e2;
--color-vinaceous-100: #ffd8d2;
--color-vinaceous-200: #ffbfb8;
--color-vinaceous-300: #f39d95;
--color-vinaceous-400: #e17d79;
--color-vinaceous-500: #cf5e5b;
--color-vinaceous-600: #ae504e;
--color-vinaceous-700: #8c403e;
--color-vinaceous-800: #682d2e;
--color-vinaceous-900: #491f1f;
--color-vinaceous-950: #300e0f;
}SCSS
$vinaceous: #ff938e;
$vinaceous-rgb: 255, 147, 142;
$vinaceous-light: mix(#fff, $vinaceous, 20%);
$vinaceous-dark: mix(#000, $vinaceous, 20%);
.element {
color: $vinaceous;
box-shadow: 0 0 0 2px rgba($vinaceous, 0.35);
}