Nazwany kolor · #ECC5DF
Sweet Murmur
Sweet Murmur to #ECC5DF: rgb(236 197 223), hsl(320 51% 85%), oklch(0.865 0.056 338.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Sweet Murmur color name →
#ECC5DF
oklch(0.865 0.056 338.5)
Konwersje koloru
- HEX
- #ecc5df
- RGB
- rgb(236 197 223)
- HSL
- hsl(320 51% 85%)
- HWB
- hwb(320 77% 7%)
- OKLCH
- oklch(0.865 0.056 338.5)
- OKLab
- oklab(0.865 0.052 -0.02)
- CIE Lab
- lab(83.53 17.44 -7.53)
- LCH
- lch(83.53 18.99 336.6)
- CMYK
- cmyk(0% 17% 6% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EECBE2
- F0D1E5
- F2D6E9
- F4DCEC
- F6E2EF
- F8E8F2
- FAEDF5
- FCF3F9
- FDF9FC
Odcienie ciemniejsze
- CDABC2
- AF92A5
- 92798A
- 76616F
- 5B4B56
- 42353D
- 292127
- 130E12
- 030202
Tony
- E1BED5
- D6B7CB
- CBB0C2
- C0A9B8
- B5A2AE
- AA9BA5
- 9F949C
- 958D92
- 8A8789
Harmonie kolorów
Komplementarna +180°
- ECC5DF
Sweet Murmur
- B5DEC5
≈ Quantum Effect
Analogowa -30° +30°
- ECC5DF
Sweet Murmur
- DDC9EF
≈ Foggy Love
- F4C4CB
≈ Old Fashioned Pink
Triada +120° +240°
- ECC5DF
Sweet Murmur
- DBD4AA
≈ Dull Sage
- AADCEB
≈ Spring Shower
Komplementarna rozszczepiona +150° +210°
- ECC5DF
Sweet Murmur
- C8DAB4
≈ White Vienna
- A9DFD9
≈ High Altitude
Tetrada +90° +180° +270°
- ECC5DF
Sweet Murmur
- EBCCAC
≈ Masala Chai
- B5DEC5
≈ Quantum Effect
- B7D6F6
≈ Summer Birthday
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.61:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.61:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-murmur: #ecc5df;
--sweet-murmur-rgb: 236 197 223;
--sweet-murmur-oklch: oklch(0.865 0.056 338.5);
}
.element {
color: var(--sweet-murmur);
background-color: hsl(320 51% 85%);
border-color: oklch(0.865 0.056 338.5);
}Tailwind CSS v4
@theme {
--color-sweet-murmur: #ecc5df;
--color-sweet-murmur-50: #ffeffa;
--color-sweet-murmur-100: #f6e1ee;
--color-sweet-murmur-200: #e6cbdc;
--color-sweet-murmur-300: #ccadc0;
--color-sweet-murmur-400: #b592aa;
--color-sweet-murmur-500: #9f7893;
--color-sweet-murmur-600: #87667c;
--color-sweet-murmur-700: #6c5163;
--color-sweet-murmur-800: #4f3b4a;
--color-sweet-murmur-900: #372933;
--color-sweet-murmur-950: #22161f;
}SCSS
$sweet-murmur: #ecc5df;
$sweet-murmur-rgb: 236, 197, 223;
$sweet-murmur-light: mix(#fff, $sweet-murmur, 20%);
$sweet-murmur-dark: mix(#000, $sweet-murmur, 20%);
.element {
color: $sweet-murmur;
box-shadow: 0 0 0 2px rgba($sweet-murmur, 0.35);
}