Benannte Farbe · #CDCCBE
Metallic Mist
Metallic Mist ist #CDCCBE: rgb(205 204 190), hsl(56 13% 77%), oklch(0.842 0.019 103.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Metallic Mist color name →
#CDCCBE
oklch(0.842 0.019 103.5)
Farbumrechnungen
- HEX
- #cdccbe
- RGB
- rgb(205 204 190)
- HSL
- hsl(56 13% 77%)
- HWB
- hwb(56 75% 20%)
- OKLCH
- oklch(0.842 0.019 103.5)
- OKLab
- oklab(0.842 -0.004 0.019)
- CIE Lab
- lab(81.83 -1.47 7.13)
- LCH
- lch(81.83 7.28 101.7)
- CMYK
- cmyk(0% 0% 7% 20%)
Tints · Shades · Tones
Tints
- D2D1C4
- D7D6CB
- DCDBD1
- E1E0D8
- E6E5DE
- EBEAE5
- F0EFEB
- F5F5F2
- FAFAF8
Shades
- B2B1A5
- 98978C
- 7E7E75
- 66655E
- 4E4E48
- 383733
- 23221F
- 0F0F0D
- 020202
Tones
- C5C4B8
- BDBCB1
- B5B5AB
- ADADA5
- A6A59E
- 9E9E98
- 969692
- 8F8F8C
- 878786
Farbharmonien
Komplementär +180°
- CDCCBE
Metallic Mist
- C9CAD8
≈ Daybreak Beckons
Analog -30° +30°
- CDCCBE
Metallic Mist
- D3CABE
≈ Ashen Tan
- C6CEC2
≈ Silver Grass
Triadisch +120° +240°
- CDCCBE
Metallic Mist
- BFCED4
≈ Keepsake
- D5C7CE
≈ Odyssey Lilac
Geteilt komplementär +150° +210°
- CDCCBE
Metallic Mist
- C3CCD8
≈ Siberian Ice
- D0C8D4
≈ Moon Goddess
Tetradisch +90° +180° +270°
- CDCCBE
Metallic Mist
- BECFCF
≈ Babbling Brook
- C9CAD8
≈ Daybreak Beckons
- D7C6C7
≈ Fairview Taupe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.97:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--metallic-mist: #cdccbe;
--metallic-mist-rgb: 205 204 190;
--metallic-mist-oklch: oklch(0.842 0.019 103.5);
}
.element {
color: var(--metallic-mist);
background-color: hsl(56 13% 77%);
border-color: oklch(0.842 0.019 103.5);
}Tailwind CSS v4
@theme {
--color-metallic-mist: #cdccbe;
--color-metallic-mist-50: #f6f5ef;
--color-metallic-mist-100: #e8e8e1;
--color-metallic-mist-200: #d5d5cc;
--color-metallic-mist-300: #b8b8ad;
--color-metallic-mist-400: #a09f92;
--color-metallic-mist-500: #888779;
--color-metallic-mist-600: #737266;
--color-metallic-mist-700: #5c5b52;
--color-metallic-mist-800: #44433b;
--color-metallic-mist-900: #2f2e29;
--color-metallic-mist-950: #1b1b16;
}SCSS
$metallic-mist: #cdccbe;
$metallic-mist-rgb: 205, 204, 190;
$metallic-mist-light: mix(#fff, $metallic-mist, 20%);
$metallic-mist-dark: mix(#000, $metallic-mist, 20%);
.element {
color: $metallic-mist;
box-shadow: 0 0 0 2px rgba($metallic-mist, 0.35);
}