Màu có tên gần nhất · #D7C6CE
#D7C6CE
Màu có tên gần nhất: Mega Metal Mecha
#D7C6CE (rgb(215 198 206), hsl(332 18% 81%), oklch(0.843 0.022 347.4)) gần nhất với màu có tên Mega Metal Mecha. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#D7C6CE
oklch(0.843 0.022 347.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DBCCD3
- DFD1D8
- E3D7DC
- E7DDE1
- EBE2E6
- EFE8EB
- F3EEF0
- F7F3F5
- FBF9FA
Sắc đậm
- BBACB3
- 9F9298
- 857A7F
- 6B6266
- 524B4E
- 3B3538
- 252123
- 110E0F
- 020202
Sắc xám
- CEBFC6
- C5B8BE
- BCB0B6
- B3A9AE
- ABA2A6
- A29B9E
- 999497
- 918E8F
- 888787
Hòa sắc
Bổ túc +180°
- D7C6CE
Mega Metal Mecha
- BFD0C8
≈ Rolling Waves
Tương đồng -30° +30°
- D7C6CE
Mega Metal Mecha
- D1C7D5
≈ Moon Goddess
- D9C6C6
≈ Fairview Taupe
Bộ ba +120° +240°
- D7C6CE
Mega Metal Mecha
- CDCDBD
≈ Pallid Wych
- BDCFD7
≈ Keepsake
Bổ túc chia +150° +210°
- D7C6CE
Mega Metal Mecha
- C5CFC1
≈ Gentle Calm
- BCD0D0
≈ Detroit
Bộ bốn +90° +180° +270°
- D7C6CE
Mega Metal Mecha
- D4CABC
≈ Understated
- BFD0C8
≈ Rolling Waves
- C3CCDA
≈ Lavender Steel
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.63:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.85:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
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);
}