Benannte Farbe · #E8CEC5
Mosaic Pink
Mosaic Pink ist #E8CEC5: rgb(232 206 197), hsl(15 43% 84%), oklch(0.871 0.032 40.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mosaic Pink color name →
#E8CEC5
oklch(0.871 0.032 40.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- EAD3CB
- EDD8D0
- EFDDD6
- F1E1DC
- F4E6E2
- F6EBE8
- F8F0ED
- FBF5F3
- FDFAF9
Shades
- CAB3AB
- AC9892
- 907F79
- 746661
- 594E4B
- 403835
- 292321
- 130F0E
- 030202
Tones
- DDC6BE
- D2BEB7
- C8B6B0
- BDAEA9
- B3A6A2
- A89E9B
- 9E9794
- 948F8D
- 8A8887
Farbharmonien
Komplementär +180°
- E8CEC5
Mosaic Pink
- BEDAE3
≈ Quick-Freeze
Analog -30° +30°
- E8CEC5
Mosaic Pink
- E8CCCF
≈ Mauve Morn
- E2D1BE
≈ Sand Dune
Triadisch +120° +240°
- E8CEC5
Mosaic Pink
- C3DBCD
≈ Clearly Aqua
- D0D3EA
≈ Artistic Violet
Geteilt komplementär +150° +210°
- E8CEC5
Mosaic Pink
- BEDCD9
≈ Meander Blue
- C5D7E9
≈ Snowy Summit
Tetradisch +90° +180° +270°
- E8CEC5
Mosaic Pink
- CDD9C3
≈ Turning Leaf
- BEDAE3
≈ Quick-Freeze
- DBCFE5
≈ Shimmering Sky
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.06:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
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);
}