Nazwany kolor · #7A6270
Ephemera
Ephemera to #7A6270: rgb(122 98 112), hsl(325 11% 43%), oklch(0.524 0.037 342.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Ephemera color name →
#7A6270
oklch(0.524 0.037 342.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 87707D
- 937F8B
- A08E99
- AE9EA7
- BBADB5
- C8BDC3
- D6CDD2
- E3DEE1
- F1EEF0
Odcienie ciemniejsze
- 695460
- 594751
- 493A43
- 3A2D35
- 2B2127
- 1D161A
- 100B0E
- 050304
- 010001
Tony
- 7B6572
- 7B6873
- 7C6B75
- 7D6E76
- 7D7178
- 7E747A
- 7E777B
- 7F7A7D
- 807D7E
Harmonie kolorów
Komplementarna +180°
- 7A6270
Ephemera
- 577164
≈ Palmerin
Analogowa -30° +30°
- 7A6270
Ephemera
- 72647A
≈ Decadence
- 7E6264
≈ Pretty Puce
Triada +120° +240°
- 7A6270
Ephemera
- 6E6B53
≈ Mysterious Moss
- 536F7A
≈ Blue Sentinel
Komplementarna rozszczepiona +150° +210°
- 7A6270
Ephemera
- 626F59
≈ Midnight Garden
- 517170
≈ Stone Bridge
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.51:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.80:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}