Colore con nome · #7A6270
Ephemera
Ephemera è #7A6270: rgb(122 98 112), hsl(325 11% 43%), oklch(0.524 0.037 342.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Ephemera color name →
#7A6270
oklch(0.524 0.037 342.6)
Conversioni di colore
- HEX
- #7a6270
- RGB
- rgb(122 98 112)
- HSL
- hsl(325 11% 43%)
- HWB
- hwb(325 38% 52%)
- OKLCH
- oklch(0.524 0.037 342.6)
- OKLab
- oklab(0.524 0.035 -0.011)
- CIE Lab
- lab(44.33 11.87 -4.08)
- LCH
- lch(44.33 12.55 341)
- CMYK
- cmyk(0% 20% 8% 52%)
Tinte · Ombre · Toni
Tinte
- 87707D
- 937F8B
- A08E99
- AE9EA7
- BBADB5
- C8BDC3
- D6CDD2
- E3DEE1
- F1EEF0
Ombre
- 695460
- 594751
- 493A43
- 3A2D35
- 2B2127
- 1D161A
- 100B0E
- 050304
- 010001
Toni
- 7B6572
- 7B6873
- 7C6B75
- 7D6E76
- 7D7178
- 7E747A
- 7E777B
- 7F7A7D
- 807D7E
Armonie di colore
Complementare +180°
- 7A6270
Ephemera
- 577164
≈ Palmerin
Analogo -30° +30°
- 7A6270
Ephemera
- 72647A
≈ Decadence
- 7E6264
≈ Pretty Puce
Triadico +120° +240°
- 7A6270
Ephemera
- 6E6B53
≈ Mysterious Moss
- 536F7A
≈ Blue Sentinel
Complementare divisa +150° +210°
- 7A6270
Ephemera
- 626F59
≈ Midnight Garden
- 517170
≈ Stone Bridge
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.51:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.80:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--ephemera: #7a6270;
--ephemera-rgb: 122 98 112;
--ephemera-oklch: oklch(0.524 0.037 342.6);
}
.element {
color: var(--ephemera);
background-color: hsl(325 11% 43%);
border-color: oklch(0.524 0.037 342.6);
}Tailwind CSS v4
@theme {
--color-ephemera: #7a6270;
--color-ephemera-50: #fef1f8;
--color-ephemera-100: #f2e3eb;
--color-ephemera-200: #e1ced8;
--color-ephemera-300: #c6b0bc;
--color-ephemera-400: #af96a4;
--color-ephemera-500: #987d8d;
--color-ephemera-600: #816a77;
--color-ephemera-700: #67545f;
--color-ephemera-800: #4c3e46;
--color-ephemera-900: #352a31;
--color-ephemera-950: #20181d;
}SCSS
$ephemera: #7a6270;
$ephemera-rgb: 122, 98, 112;
$ephemera-light: mix(#fff, $ephemera, 20%);
$ephemera-dark: mix(#000, $ephemera, 20%);
.element {
color: $ephemera;
box-shadow: 0 0 0 2px rgba($ephemera, 0.35);
}