Colore con nome · #F48B8B
Vinaceous Cinnamon
Vinaceous Cinnamon è #F48B8B: rgb(244 139 139), hsl(0 83% 75%), oklch(0.749 0.128 20.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vinaceous Cinnamon color name →
#F48B8B
oklch(0.749 0.128 20.5)
Conversioni di colore
- HEX
- #f48b8b
- RGB
- rgb(244 139 139)
- HSL
- hsl(0 83% 75%)
- HWB
- hwb(0 55% 4%)
- OKLCH
- oklch(0.749 0.128 20.5)
- OKLab
- oklab(0.749 0.12 0.045)
- CIE Lab
- lab(69.61 40.77 18.49)
- LCH
- lch(69.61 44.77 24.4)
- CMYK
- cmyk(0% 43% 43% 4%)
Tinte · Ombre · Toni
Tinte
- F69796
- F9A3A2
- FBAFAD
- FCBAB8
- FDC6C4
- FED1D0
- FFDDDB
- FFE8E7
- FFF4F3
Ombre
- D47878
- B56666
- 975454
- 7A4343
- 5E3232
- 442323
- 2B1414
- 140707
- 030101
Toni
- E98B8A
- DD8A89
- D28988
- C78887
- BB8786
- B08685
- A48584
- 988382
- 8C8281
Armonie di colore
Complementare +180°
- F48B8B
Vinaceous Cinnamon
- 00C5CE
≈ Turquoise Surf
Analogo -30° +30°
- F48B8B
Vinaceous Cinnamon
- EA8BB8
≈ Rosebloom
- EE945F
≈ Topaz Yellow
Triadico +120° +240°
- F48B8B
Vinaceous Cinnamon
- 80C273
≈ Hillside Grove
- 7EAEFE
≈ Fennel Flower
Complementare divisa +150° +210°
- F48B8B
Vinaceous Cinnamon
- 41C8A2
≈ Jadeite
- 43BCEF
≈ Clean Pool
Tetradico +90° +180° +270°
- F48B8B
Vinaceous Cinnamon
- B2B54C
≈ Green Oasis
- 00C5CE
≈ Turquoise Surf
- AE9FF9
≈ Shy Moment
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.91:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--vinaceous-cinnamon: #f48b8b;
--vinaceous-cinnamon-rgb: 244 139 139;
--vinaceous-cinnamon-oklch: oklch(0.749 0.128 20.5);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(0 83% 75%);
border-color: oklch(0.749 0.128 20.5);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f48b8b;
--color-vinaceous-cinnamon-50: #ffe8e4;
--color-vinaceous-cinnamon-100: #ffd8d4;
--color-vinaceous-cinnamon-200: #ffbfbb;
--color-vinaceous-cinnamon-300: #f29d99;
--color-vinaceous-cinnamon-400: #e07e7e;
--color-vinaceous-cinnamon-500: #cd5e61;
--color-vinaceous-cinnamon-600: #ad5153;
--color-vinaceous-cinnamon-700: #8b4042;
--color-vinaceous-cinnamon-800: #672e31;
--color-vinaceous-cinnamon-900: #491f21;
--color-vinaceous-cinnamon-950: #2f0e10;
}SCSS
$vinaceous-cinnamon: #f48b8b;
$vinaceous-cinnamon-rgb: 244, 139, 139;
$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);
}