Colore con nome · #F47869
Melon Refresher
Melon Refresher è #F47869: rgb(244 120 105), hsl(6 86% 68%), oklch(0.713 0.155 28.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Melon Refresher color name →
#F47869
oklch(0.713 0.155 28.6)
Conversioni di colore
- HEX
- #f47869
- RGB
- rgb(244 120 105)
- HSL
- hsl(6 86% 68%)
- HWB
- hwb(6 41% 4%)
- OKLCH
- oklch(0.713 0.155 28.6)
- OKLab
- oklab(0.713 0.136 0.074)
- CIE Lab
- lab(65.32 47.68 31.71)
- LCH
- lch(65.32 57.26 33.6)
- CMYK
- cmyk(0% 51% 57% 4%)
Tinte · Ombre · Toni
Tinte
- F78778
- FA9587
- FCA296
- FEB0A4
- FFBDB3
- FFCBC2
- FFD8D1
- FFE5E0
- FFF2F0
Ombre
- D4675A
- B5574C
- 97483E
- 7A3931
- 5E2A24
- 441D18
- 2B100C
- 140504
- 030100
Toni
- E97A6C
- DE7C6F
- D37D71
- C77E74
- BC7F76
- B18078
- A5807A
- 99807C
- 8D807E
Armonie di colore
Complementare +180°
- F47869
Melon Refresher
- 00B7CB
≈ Utopia Beckons
Analogo -30° +30°
- F47869
Melon Refresher
- ED75A1
≈ Pink Carnation
- E88729
≈ Carnival
Triadico +120° +240°
- F47869
Melon Refresher
- 51BC69
≈ Forest Maid
- 7C9DFF
≈ Periwinkle Blue
Complementare divisa +150° +210°
- F47869
Melon Refresher
- 00BDA3
≈ First Post
- 18AEF8
≈ Democrat
Tetradico +90° +180° +270°
- F47869
Melon Refresher
- 99AF26
≈ Elysia Chlorotica
- 00B7CB
≈ Utopia Beckons
- B08AF5
≈ Lilac Geode
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.71:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.73:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.73:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--melon-refresher: #f47869;
--melon-refresher-rgb: 244 120 105;
--melon-refresher-oklch: oklch(0.713 0.155 28.6);
}
.element {
color: var(--melon-refresher);
background-color: hsl(6 86% 68%);
border-color: oklch(0.713 0.155 28.6);
}Tailwind CSS v4
@theme {
--color-melon-refresher: #f47869;
--color-melon-refresher-50: #ffe6db;
--color-melon-refresher-100: #ffd5c9;
--color-melon-refresher-200: #ffbcac;
--color-melon-refresher-300: #fd9887;
--color-melon-refresher-400: #ec7768;
--color-melon-refresher-500: #da5447;
--color-melon-refresher-600: #b8483d;
--color-melon-refresher-700: #943930;
--color-melon-refresher-800: #6e2824;
--color-melon-refresher-900: #4e1b18;
--color-melon-refresher-950: #330b09;
}SCSS
$melon-refresher: #f47869;
$melon-refresher-rgb: 244, 120, 105;
$melon-refresher-light: mix(#fff, $melon-refresher, 20%);
$melon-refresher-dark: mix(#000, $melon-refresher, 20%);
.element {
color: $melon-refresher;
box-shadow: 0 0 0 2px rgba($melon-refresher, 0.35);
}