Nächste benannte Farbe · #D7C6CE
#D7C6CE
Nächste benannte Farbe: Mega Metal Mecha
#D7C6CE (rgb(215 198 206), hsl(332 18% 81%), oklch(0.843 0.022 347.4)) liegt am nächsten an der benannten Farbe Mega Metal Mecha. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D7C6CE
oklch(0.843 0.022 347.4)
Farbumrechnungen
- HEX
- #d7c6ce
- RGB
- rgb(215 198 206)
- HSL
- hsl(332 18% 81%)
- HWB
- hwb(332 78% 16%)
- OKLCH
- oklch(0.843 0.022 347.4)
- OKLab
- oklab(0.843 0.021 -0.005)
- CIE Lab
- lab(81.48 7.19 -1.74)
- LCH
- lch(81.48 7.4 346.4)
- CMYK
- cmyk(0% 8% 4% 16%)
Tints · Shades · Tones
Tints
- DBCCD3
- DFD1D8
- E3D7DC
- E7DDE1
- EBE2E6
- EFE8EB
- F3EEF0
- F7F3F5
- FBF9FA
Shades
- BBACB3
- 9F9298
- 857A7F
- 6B6266
- 524B4E
- 3B3538
- 252123
- 110E0F
- 020202
Tones
- CEBFC6
- C5B8BE
- BCB0B6
- B3A9AE
- ABA2A6
- A29B9E
- 999497
- 918E8F
- 888787
Farbharmonien
Komplementär +180°
- D7C6CE
Mega Metal Mecha
- BFD0C8
≈ Rolling Waves
Analog -30° +30°
- D7C6CE
Mega Metal Mecha
- D1C7D5
≈ Moon Goddess
- D9C6C6
≈ Fairview Taupe
Triadisch +120° +240°
- D7C6CE
Mega Metal Mecha
- CDCDBD
≈ Pallid Wych
- BDCFD7
≈ Keepsake
Geteilt komplementär +150° +210°
- D7C6CE
Mega Metal Mecha
- C5CFC1
≈ Gentle Calm
- BCD0D0
≈ Detroit
Tetradisch +90° +180° +270°
- D7C6CE
Mega Metal Mecha
- D4CABC
≈ Understated
- BFD0C8
≈ Rolling Waves
- C3CCDA
≈ Lavender Steel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.85:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--mega-metal-mecha: #d7c6ce;
--mega-metal-mecha-rgb: 215 198 206;
--mega-metal-mecha-oklch: oklch(0.843 0.022 347.4);
}
.element {
color: var(--mega-metal-mecha);
background-color: hsl(332 18% 81%);
border-color: oklch(0.843 0.022 347.4);
}Tailwind CSS v4
@theme {
--color-mega-metal-mecha: #d7c6ce;
--color-mega-metal-mecha-50: #faf3f6;
--color-mega-metal-mecha-100: #eee5e9;
--color-mega-metal-mecha-200: #dcd1d5;
--color-mega-metal-mecha-300: #c1b3b9;
--color-mega-metal-mecha-400: #a999a1;
--color-mega-metal-mecha-500: #928189;
--color-mega-metal-mecha-600: #7b6d74;
--color-mega-metal-mecha-700: #63575d;
--color-mega-metal-mecha-800: #483f44;
--color-mega-metal-mecha-900: #322c2f;
--color-mega-metal-mecha-950: #1e191b;
}SCSS
$mega-metal-mecha: #d7c6ce;
$mega-metal-mecha-rgb: 215, 198, 206;
$mega-metal-mecha-light: mix(#fff, $mega-metal-mecha, 20%);
$mega-metal-mecha-dark: mix(#000, $mega-metal-mecha, 20%);
.element {
color: $mega-metal-mecha;
box-shadow: 0 0 0 2px rgba($mega-metal-mecha, 0.35);
}