Colore con nome · #E5989C
Franken Berry
Franken Berry è #E5989C: rgb(229 152 156), hsl(357 60% 75%), oklch(0.757 0.093 16.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Franken Berry color name →
#E5989C
oklch(0.757 0.093 16.1)
Conversioni di colore
- HEX
- #e5989c
- RGB
- rgb(229 152 156)
- HSL
- hsl(357 60% 75%)
- HWB
- hwb(357 60% 10%)
- OKLCH
- oklch(0.757 0.093 16.1)
- OKLab
- oklab(0.757 0.089 0.026)
- CIE Lab
- lab(70.84 30.08 10.43)
- LCH
- lch(70.84 31.83 19.1)
- CMYK
- cmyk(0% 34% 32% 10%)
Tinte · Ombre · Toni
Tinte
- E8A2A6
- ECADAF
- EFB7B9
- F2C1C3
- F4CBCD
- F7D6D6
- F9E0E0
- FBEAEB
- FDF5F5
Ombre
- C78487
- AA7073
- 8E5C5F
- 724A4C
- 583839
- 3F2728
- 281718
- 120809
- 030101
Toni
- DB9699
- D19496
- C79194
- BD8F91
- B38D8E
- A98A8B
- 9F8888
- 958586
- 8A8383
Armonie di colore
Complementare +180°
- E5989C
Franken Berry
- 60C3C3
≈ Port Hope
Analogo -30° +30°
- E5989C
Franken Berry
- DC98BD
≈ Soft Matte
- E29E7E
≈ Pecos Spice
Triadico +120° +240°
- E5989C
Franken Berry
- 95BE83
≈ Hearty Hosta
- 89B3EB
≈ Fly Away
Complementare divisa +150° +210°
- E5989C
Franken Berry
- 73C3A3
≈ Gem Silica
- 6BBDDD
≈ Bluebrite
Tetradico +90° +180° +270°
- E5989C
Franken Berry
- B8B46D
≈ Golden Green
- 60C3C3
≈ Port Hope
- ABA8E9
≈ Maximum Blue Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.30:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--franken-berry: #e5989c;
--franken-berry-rgb: 229 152 156;
--franken-berry-oklch: oklch(0.757 0.093 16.1);
}
.element {
color: var(--franken-berry);
background-color: hsl(357 60% 75%);
border-color: oklch(0.757 0.093 16.1);
}Tailwind CSS v4
@theme {
--color-franken-berry: #e5989c;
--color-franken-berry-50: #ffebeb;
--color-franken-berry-100: #ffdcdc;
--color-franken-berry-200: #fac5c5;
--color-franken-berry-300: #e3a5a5;
--color-franken-berry-400: #cf888c;
--color-franken-berry-500: #bc6b71;
--color-franken-berry-600: #9e5b60;
--color-franken-berry-700: #7f494c;
--color-franken-berry-800: #5e3438;
--color-franken-berry-900: #422427;
--color-franken-berry-950: #2a1215;
}SCSS
$franken-berry: #e5989c;
$franken-berry-rgb: 229, 152, 156;
$franken-berry-light: mix(#fff, $franken-berry, 20%);
$franken-berry-dark: mix(#000, $franken-berry, 20%);
.element {
color: $franken-berry;
box-shadow: 0 0 0 2px rgba($franken-berry, 0.35);
}