Benannte Farbe · #DAD1CE
Roman Mosaic
Roman Mosaic ist #DAD1CE: rgb(218 209 206), hsl(15 14% 83%), oklch(0.867 0.011 39.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Roman Mosaic color name →
#DAD1CE
oklch(0.867 0.011 39.4)
Farbumrechnungen
- HEX
- #dad1ce
- RGB
- rgb(218 209 206)
- HSL
- hsl(15 14% 83%)
- HWB
- hwb(15 81% 15%)
- OKLCH
- oklch(0.867 0.011 39.4)
- OKLab
- oklab(0.867 0.008 0.007)
- CIE Lab
- lab(84.51 2.82 2.66)
- LCH
- lch(84.51 3.88 43.3)
- CMYK
- cmyk(0% 4% 6% 15%)
Tints · Shades · Tones
Tints
- DED6D3
- E1DAD8
- E5DFDC
- E9E3E1
- ECE8E6
- F0ECEB
- F4F1F0
- F8F6F5
- FBFAFA
Shades
- BDB5B3
- A29B98
- 87817F
- 6C6866
- 54504E
- 3C3938
- 252323
- 11100F
- 020202
Tones
- D1C9C6
- C7C0BE
- BEB8B6
- B5B0AE
- ACA8A6
- A3A09E
- 9A9897
- 91908F
- 898887
Farbharmonien
Komplementär +180°
- DAD1CE
Roman Mosaic
- CCD5D8
≈ Polar Drift
Analog -30° +30°
- DAD1CE
Roman Mosaic
- DAD0D2
≈ Stardust Ballroom
- D8D2CC
≈ Smoked Oyster
Triadisch +120° +240°
- DAD1CE
Roman Mosaic
- CED5D1
≈ Old Sterling
- D1D3DA
≈ Blueberry Whip
Geteilt komplementär +150° +210°
- DAD1CE
Roman Mosaic
- CCD6D5
≈ Zumthor
- CED4DA
≈ Satin White
Tetradisch +90° +180° +270°
- DAD1CE
Roman Mosaic
- D1D5CD
≈ Foggy Dew
- CCD5D8
≈ Polar Drift
- D5D1D9
≈ Spooky Ghost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 13.99:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.99:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--roman-mosaic: #dad1ce;
--roman-mosaic-rgb: 218 209 206;
--roman-mosaic-oklch: oklch(0.867 0.011 39.4);
}
.element {
color: var(--roman-mosaic);
background-color: hsl(15 14% 83%);
border-color: oklch(0.867 0.011 39.4);
}Tailwind CSS v4
@theme {
--color-roman-mosaic: #dad1ce;
--color-roman-mosaic-50: #f8f4f3;
--color-roman-mosaic-100: #ebe7e5;
--color-roman-mosaic-200: #d9d3d1;
--color-roman-mosaic-300: #bdb6b3;
--color-roman-mosaic-400: #a49c9a;
--color-roman-mosaic-500: #8d8481;
--color-roman-mosaic-600: #77706d;
--color-roman-mosaic-700: #5f5957;
--color-roman-mosaic-800: #464140;
--color-roman-mosaic-900: #302d2c;
--color-roman-mosaic-950: #1d1a19;
}SCSS
$roman-mosaic: #dad1ce;
$roman-mosaic-rgb: 218, 209, 206;
$roman-mosaic-light: mix(#fff, $roman-mosaic, 20%);
$roman-mosaic-dark: mix(#000, $roman-mosaic, 20%);
.element {
color: $roman-mosaic;
box-shadow: 0 0 0 2px rgba($roman-mosaic, 0.35);
}