Colore con nome · #E8CEC5
Mosaic Pink
Mosaic Pink è #E8CEC5: rgb(232 206 197), hsl(15 43% 84%), oklch(0.871 0.032 40.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mosaic Pink color name →
#E8CEC5
oklch(0.871 0.032 40.1)
Conversioni di colore
- HEX
- #e8cec5
- RGB
- rgb(232 206 197)
- HSL
- hsl(15 43% 84%)
- HWB
- hwb(15 77% 9%)
- OKLCH
- oklch(0.871 0.032 40.1)
- OKLab
- oklab(0.871 0.024 0.02)
- CIE Lab
- lab(84.78 8.32 7.99)
- LCH
- lch(84.78 11.54 43.8)
- CMYK
- cmyk(0% 11% 15% 9%)
Tinte · Ombre · Toni
Tinte
- EAD3CB
- EDD8D0
- EFDDD6
- F1E1DC
- F4E6E2
- F6EBE8
- F8F0ED
- FBF5F3
- FDFAF9
Ombre
- CAB3AB
- AC9892
- 907F79
- 746661
- 594E4B
- 403835
- 292321
- 130F0E
- 030202
Toni
- DDC6BE
- D2BEB7
- C8B6B0
- BDAEA9
- B3A6A2
- A89E9B
- 9E9794
- 948F8D
- 8A8887
Armonie di colore
Complementare +180°
- E8CEC5
Mosaic Pink
- BEDAE3
≈ Quick-Freeze
Analogo -30° +30°
- E8CEC5
Mosaic Pink
- E8CCCF
≈ Mauve Morn
- E2D1BE
≈ Sand Dune
Triadico +120° +240°
- E8CEC5
Mosaic Pink
- C3DBCD
≈ Clearly Aqua
- D0D3EA
≈ Artistic Violet
Complementare divisa +150° +210°
- E8CEC5
Mosaic Pink
- BEDCD9
≈ Meander Blue
- C5D7E9
≈ Snowy Summit
Tetradico +90° +180° +270°
- E8CEC5
Mosaic Pink
- CDD9C3
≈ Turning Leaf
- BEDAE3
≈ Quick-Freeze
- DBCFE5
≈ Shimmering Sky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.06:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--mosaic-pink: #e8cec5;
--mosaic-pink-rgb: 232 206 197;
--mosaic-pink-oklch: oklch(0.871 0.032 40.1);
}
.element {
color: var(--mosaic-pink);
background-color: hsl(15 43% 84%);
border-color: oklch(0.871 0.032 40.1);
}Tailwind CSS v4
@theme {
--color-mosaic-pink: #e8cec5;
--color-mosaic-pink-50: #fef2ee;
--color-mosaic-pink-100: #f2e5e0;
--color-mosaic-pink-200: #e1d0ca;
--color-mosaic-pink-300: #c6b3ab;
--color-mosaic-pink-400: #b09991;
--color-mosaic-pink-500: #9a8076;
--color-mosaic-pink-600: #826c64;
--color-mosaic-pink-700: #685650;
--color-mosaic-pink-800: #4d3f3a;
--color-mosaic-pink-900: #352b28;
--color-mosaic-pink-950: #201916;
}SCSS
$mosaic-pink: #e8cec5;
$mosaic-pink-rgb: 232, 206, 197;
$mosaic-pink-light: mix(#fff, $mosaic-pink, 20%);
$mosaic-pink-dark: mix(#000, $mosaic-pink, 20%);
.element {
color: $mosaic-pink;
box-shadow: 0 0 0 2px rgba($mosaic-pink, 0.35);
}