Couleur nommée la plus proche · #FF938E
#FF938E
Couleur nommée la plus proche: Vinaceous
#FF938E (rgb(255 147 142), hsl(3 100% 78%), oklch(0.776 0.131 23.3)) est la plus proche de la couleur nommée Vinaceous. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FF938E
oklch(0.776 0.131 23.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FF9E99
- FFA9A4
- FFB4AF
- FFBFBB
- FFCAC6
- FFD5D1
- FFDFDC
- FFEAE8
- FFF4F3
Ombres
- DE7F7B
- BE6C68
- 9E5956
- 804744
- 633634
- 482524
- 2E1615
- 160807
- 030101
Tons
- F2928D
- E6908C
- D98F8A
- CD8D89
- C08B88
- B48986
- A78785
- 9A8583
- 8D8282
Harmonies de couleurs
Complémentaire +180°
- FF938E
Vinaceous
- 0DCEDC
≈ Jade Glass
Analogue -30° +30°
- FF938E
Vinaceous
- F692BD
≈ Pastel Magenta
- F79E62
≈ Brushed Orange
Triadique +120° +240°
- FF938E
Vinaceous
- 81CC7E
≈ Jube Green
- 90B6FF
≈ Carolina Blue
Complémentaire divisée +150° +210°
- FF938E
Vinaceous
- 41D1AF
≈ Simply Aqua
- 4FC4FC
≈ Shovel Knight
Tétradique +90° +180° +270°
- FF938E
Vinaceous
- B6BF55
≈ Sativa
- 0DCEDC
≈ Jade Glass
- BAA6FF
≈ Winterspring Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.13:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.81:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.81:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
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);
}