En yakın adlandırılmış renk · #D7C6CE
#D7C6CE
En yakın adlandırılmış renk: Mega Metal Mecha
#D7C6CE (rgb(215 198 206), hsl(332 18% 81%), oklch(0.843 0.022 347.4)) en çok Mega Metal Mecha adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D7C6CE
oklch(0.843 0.022 347.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBCCD3
- DFD1D8
- E3D7DC
- E7DDE1
- EBE2E6
- EFE8EB
- F3EEF0
- F7F3F5
- FBF9FA
Koyu tonlar
- BBACB3
- 9F9298
- 857A7F
- 6B6266
- 524B4E
- 3B3538
- 252123
- 110E0F
- 020202
Gri tonlar
- CEBFC6
- C5B8BE
- BCB0B6
- B3A9AE
- ABA2A6
- A29B9E
- 999497
- 918E8F
- 888787
Renk uyumları
Tamamlayıcı +180°
- D7C6CE
Mega Metal Mecha
- BFD0C8
≈ Rolling Waves
Analog -30° +30°
- D7C6CE
Mega Metal Mecha
- D1C7D5
≈ Moon Goddess
- D9C6C6
≈ Fairview Taupe
Üçlü +120° +240°
- D7C6CE
Mega Metal Mecha
- CDCDBD
≈ Pallid Wych
- BDCFD7
≈ Keepsake
Bölünmüş tamamlayıcı +150° +210°
- D7C6CE
Mega Metal Mecha
- C5CFC1
≈ Gentle Calm
- BCD0D0
≈ Detroit
Dörtlü +90° +180° +270°
- D7C6CE
Mega Metal Mecha
- D4CABC
≈ Understated
- BFD0C8
≈ Rolling Waves
- C3CCDA
≈ Lavender Steel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.85:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
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);
}