Nazwany kolor · #EAC3D2
Misty Memories
Misty Memories to #EAC3D2: rgb(234 195 210), hsl(337 48% 84%), oklch(0.855 0.048 353.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Misty Memories color name →
#EAC3D2
oklch(0.855 0.048 353.1)
Konwersje koloru
- HEX
- #eac3d2
- RGB
- rgb(234 195 210)
- HSL
- hsl(337 48% 84%)
- HWB
- hwb(337 76% 8%)
- OKLCH
- oklch(0.855 0.048 353.1)
- OKLab
- oklab(0.855 0.048 -0.006)
- CIE Lab
- lab(82.56 16.08 -2.05)
- LCH
- lch(82.56 16.21 352.7)
- CMYK
- cmyk(0% 17% 10% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECC9D6
- EFCFDB
- F1D5DF
- F3DBE4
- F5E1E8
- F7E7ED
- F9EDF1
- FBF3F6
- FDF9FA
Odcienie ciemniejsze
- CBA9B6
- AE909B
- 917881
- 756068
- 5A4A50
- 413439
- 292024
- 130E10
- 030202
Tony
- DFBCC9
- D4B5C1
- C9AEB9
- BFA8B0
- B4A1A8
- A99AA0
- 9F9498
- 958D90
- 8A8788
Harmonie kolorów
Komplementarna +180°
- EAC3D2
Misty Memories
- B0DACC
≈ Prism
Analogowa -30° +30°
- EAC3D2
Misty Memories
- DFC5E2
≈ Simply Lavender
- EEC4C1
≈ Rose Haze
Triada +120° +240°
- EAC3D2
Misty Memories
- CFD3AF
≈ Olive Martini
- B1D6EA
≈ Ariel
Komplementarna rozszczepiona +150° +210°
- EAC3D2
Misty Memories
- BED8BB
≈ Lamina
- ABD9DD
≈ Crystal
Tetrada +90° +180° +270°
- EAC3D2
Misty Memories
- DFCDAC
≈ Fabulous Forties
- B0DACC
≈ Prism
- BFD0F0
≈ Frost Fairy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.23:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--misty-memories: #eac3d2;
--misty-memories-rgb: 234 195 210;
--misty-memories-oklch: oklch(0.855 0.048 353.1);
}
.element {
color: var(--misty-memories);
background-color: hsl(337 48% 84%);
border-color: oklch(0.855 0.048 353.1);
}Tailwind CSS v4
@theme {
--color-misty-memories: #eac3d2;
--color-misty-memories-50: #fff0f6;
--color-misty-memories-100: #f6e2e9;
--color-misty-memories-200: #e6ccd5;
--color-misty-memories-300: #cdaeb8;
--color-misty-memories-400: #b693a1;
--color-misty-memories-500: #a07989;
--color-misty-memories-600: #886774;
--color-misty-memories-700: #6d525d;
--color-misty-memories-800: #503c44;
--color-misty-memories-900: #38292f;
--color-misty-memories-950: #22171c;
}SCSS
$misty-memories: #eac3d2;
$misty-memories-rgb: 234, 195, 210;
$misty-memories-light: mix(#fff, $misty-memories, 20%);
$misty-memories-dark: mix(#000, $misty-memories, 20%);
.element {
color: $misty-memories;
box-shadow: 0 0 0 2px rgba($misty-memories, 0.35);
}