Couleur nommée la plus proche · #F48887
#F48887
Couleur nommée la plus proche: Vinaceous Cinnamon
#F48887 (rgb(244 136 135), hsl(1 83% 74%), oklch(0.744 0.132 21.3)) 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.
#F48887
oklch(0.744 0.132 21.3)
Conversions de couleur
- HEX
- #f48887
- RGB
- rgb(244 136 135)
- HSL
- hsl(1 83% 74%)
- HWB
- hwb(1 53% 4%)
- OKLCH
- oklch(0.744 0.132 21.3)
- OKLab
- oklab(0.744 0.123 0.048)
- CIE Lab
- lab(68.93 41.94 19.78)
- LCH
- lch(68.93 46.37 25.3)
- CMYK
- cmyk(0% 44% 45% 4%)
Teintes · Ombres · Tons
Teintes
- F79493
- F9A19E
- FBADAA
- FCB9B6
- FEC4C2
- FFD0CE
- FFDCDA
- FFE8E6
- FFF3F3
Ombres
- D47575
- B56363
- 975251
- 7A4141
- 5E3131
- 442221
- 2B1313
- 140606
- 030101
Tons
- E98886
- DD8886
- D28785
- C78785
- BB8684
- B08583
- A48483
- 988382
- 8C8181
Harmonies de couleurs
Complémentaire +180°
- F48887
Vinaceous Cinnamon
- 00C3CD
≈ Turquoise Surf
Analogue -30° +30°
- F48887
Vinaceous Cinnamon
- EA87B6
≈ Brown Knapweed
- ED9259
≈ Chinese Lantern
Triadique +120° +240°
- F48887
Vinaceous Cinnamon
- 7BC170
≈ Hillside Grove
- 7CABFF
≈ Fennel Flower
Complémentaire divisée +150° +210°
- F48887
Vinaceous Cinnamon
- 35C6A1
≈ Jadeite
- 3CBAF0
≈ Zima Blue
Tétradique +90° +180° +270°
- F48887
Vinaceous Cinnamon
- AFB446
≈ Delaunay Green
- 00C3CD
≈ Turquoise Surf
- AD9CF9
≈ Dull Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.40:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.71:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--vinaceous-cinnamon: #f48887;
--vinaceous-cinnamon-rgb: 244 136 135;
--vinaceous-cinnamon-oklch: oklch(0.744 0.132 21.3);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(1 83% 74%);
border-color: oklch(0.744 0.132 21.3);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f48887;
--color-vinaceous-cinnamon-50: #ffe7e3;
--color-vinaceous-cinnamon-100: #ffd7d3;
--color-vinaceous-cinnamon-200: #ffbfba;
--color-vinaceous-cinnamon-300: #f49c97;
--color-vinaceous-cinnamon-400: #e27d7c;
--color-vinaceous-cinnamon-500: #cf5d5f;
--color-vinaceous-cinnamon-600: #af4f50;
--color-vinaceous-cinnamon-700: #8d3f40;
--color-vinaceous-cinnamon-800: #692d30;
--color-vinaceous-cinnamon-900: #4a1e20;
--color-vinaceous-cinnamon-950: #300e10;
}SCSS
$vinaceous-cinnamon: #f48887;
$vinaceous-cinnamon-rgb: 244, 136, 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);
}