Colore con nome · #F79890
Cherrystone
Cherrystone è #F79890: rgb(247 152 144), hsl(5 87% 77%), oklch(0.775 0.116 25.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherrystone color name →
#F79890
oklch(0.775 0.116 25.2)
Conversioni di colore
- HEX
- #f79890
- RGB
- rgb(247 152 144)
- HSL
- hsl(5 87% 77%)
- HWB
- hwb(5 56% 3%)
- OKLCH
- oklch(0.775 0.116 25.2)
- OKLab
- oklab(0.775 0.105 0.049)
- CIE Lab
- lab(72.82 35.89 20.15)
- LCH
- lch(72.82 41.16 29.3)
- CMYK
- cmyk(0% 38% 42% 3%)
Tinte · Ombre · Toni
Tinte
- F9A39B
- FBADA6
- FCB7B1
- FDC2BC
- FECCC7
- FFD6D2
- FFE0DD
- FFEBE8
- FFF5F4
Ombre
- D7847D
- B7706A
- 995C57
- 7C4A45
- 603834
- 452724
- 2C1715
- 150807
- 030101
Toni
- EB968F
- DF948D
- D4928C
- C8908A
- BC8D88
- B08B87
- A48885
- 988684
- 8C8382
Armonie di colore
Complementare +180°
- F79890
Cherrystone
- 43CBD9
≈ Watercourse
Analogo -30° +30°
- F79890
Cherrystone
- F096B9
≈ Amaranth Pink
- EFA26B
≈ Monarch Orange
Triadico +120° +240°
- F79890
Cherrystone
- 85CA88
≈ De York
- 93B4FF
≈ Carolina Blue
Complementare divisa +150° +210°
- F79890
Cherrystone
- 56CEB2
≈ Simply Aqua
- 64C1F5
≈ Blue Mana
Tetradico +90° +180° +270°
- F79890
Cherrystone
- B3BF65
≈ Avocado Cream
- 43CBD9
≈ Watercourse
- BBA7F8
≈ Winterspring Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.84:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.84:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--cherrystone: #f79890;
--cherrystone-rgb: 247 152 144;
--cherrystone-oklch: oklch(0.775 0.116 25.2);
}
.element {
color: var(--cherrystone);
background-color: hsl(5 87% 77%);
border-color: oklch(0.775 0.116 25.2);
}Tailwind CSS v4
@theme {
--color-cherrystone: #f79890;
--color-cherrystone-50: #ffe9e3;
--color-cherrystone-100: #ffdad3;
--color-cherrystone-200: #ffc2ba;
--color-cherrystone-300: #eda197;
--color-cherrystone-400: #da827b;
--color-cherrystone-500: #c7645e;
--color-cherrystone-600: #a85550;
--color-cherrystone-700: #874440;
--color-cherrystone-800: #65312f;
--color-cherrystone-900: #472120;
--color-cherrystone-950: #2e100f;
}SCSS
$cherrystone: #f79890;
$cherrystone-rgb: 247, 152, 144;
$cherrystone-light: mix(#fff, $cherrystone, 20%);
$cherrystone-dark: mix(#000, $cherrystone, 20%);
.element {
color: $cherrystone;
box-shadow: 0 0 0 2px rgba($cherrystone, 0.35);
}