Nazwany kolor · #E4CFD7
Ephemeral Red
Ephemeral Red to #E4CFD7: rgb(228 207 215), hsl(337 28% 85%), oklch(0.874 0.026 352.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ephemeral Red color name →
#E4CFD7
oklch(0.874 0.026 352.6)
Konwersje koloru
- HEX
- #e4cfd7
- RGB
- rgb(228 207 215)
- HSL
- hsl(337 28% 85%)
- HWB
- hwb(337 81% 11%)
- OKLCH
- oklch(0.874 0.026 352.6)
- OKLab
- oklab(0.874 0.025 -0.003)
- CIE Lab
- lab(85.05 8.56 -1.18)
- LCH
- lch(85.05 8.64 352.2)
- CMYK
- cmyk(0% 9% 6% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7D4DB
- E9D8DF
- ECDDE3
- EFE2E7
- F2E7EB
- F4ECEF
- F7F0F3
- FAF5F7
- FCFAFB
Odcienie ciemniejsze
- C6B4BB
- A9999F
- 8D7F85
- 72676B
- 584F52
- 3F383B
- 282325
- 121011
- 030202
Tony
- DAC7CE
- CFBFC5
- C5B7BC
- BBAFB3
- B1A7AA
- A79FA2
- 9D9799
- 938F91
- 8A8888
Harmonie kolorów
Komplementarna +180°
- E4CFD7
Ephemeral Red
- C5DBD4
≈ Morning Dew White
Analogowa -30° +30°
- E4CFD7
Ephemeral Red
- DED0E0
≈ Ametrine Quartz
- E6CFCE
≈ Slightly Rose
Triada +120° +240°
- E4CFD7
Ephemeral Red
- D5D8C5
≈ Light Feather Green
- C6D9E4
≈ Blue Pearl
Komplementarna rozszczepiona +150° +210°
- E4CFD7
Ephemeral Red
- CCDACB
≈ April Mist
- C3DBDD
≈ Light Dewpoint
Tetrada +90° +180° +270°
- E4CFD7
Ephemeral Red
- DED4C3
≈ Wheat Sheaf
- C5DBD4
≈ Morning Dew White
- CDD6E7
≈ Jewellery White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.20:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--ephemeral-red: #e4cfd7;
--ephemeral-red-rgb: 228 207 215;
--ephemeral-red-oklch: oklch(0.874 0.026 352.6);
}
.element {
color: var(--ephemeral-red);
background-color: hsl(337 28% 85%);
border-color: oklch(0.874 0.026 352.6);
}Tailwind CSS v4
@theme {
--color-ephemeral-red: #e4cfd7;
--color-ephemeral-red-50: #fcf2f5;
--color-ephemeral-red-100: #efe4e8;
--color-ephemeral-red-200: #ded0d5;
--color-ephemeral-red-300: #c3b2b8;
--color-ephemeral-red-400: #ab99a0;
--color-ephemeral-red-500: #957f88;
--color-ephemeral-red-600: #7e6c73;
--color-ephemeral-red-700: #65565c;
--color-ephemeral-red-800: #4a3f43;
--color-ephemeral-red-900: #332b2f;
--color-ephemeral-red-950: #1f191b;
}SCSS
$ephemeral-red: #e4cfd7;
$ephemeral-red-rgb: 228, 207, 215;
$ephemeral-red-light: mix(#fff, $ephemeral-red, 20%);
$ephemeral-red-dark: mix(#000, $ephemeral-red, 20%);
.element {
color: $ephemeral-red;
box-shadow: 0 0 0 2px rgba($ephemeral-red, 0.35);
}