Couleur nommée la plus proche · #DAC7CB
#DAC7CB
Couleur nommée la plus proche: Mega Metal Mecha
#DAC7CB (rgb(218 199 203), hsl(347 20% 82%), oklch(0.847 0.022 3.2)) est la plus proche de la couleur nommée Mega Metal Mecha. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DAC7CB
oklch(0.847 0.022 3.2)
Conversions de couleur
- HEX
- #dac7cb
- RGB
- rgb(218 199 203)
- HSL
- hsl(347 20% 82%)
- HWB
- hwb(347 78% 15%)
- OKLCH
- oklch(0.847 0.022 3.2)
- OKLab
- oklab(0.847 0.022 0.001)
- CIE Lab
- lab(81.93 7.39 0.54)
- LCH
- lch(81.93 7.41 4.2)
- CMYK
- cmyk(0% 9% 7% 15%)
Teintes · Ombres · Tons
Teintes
- DECCD0
- E1D2D5
- E5D8DA
- E9DDE0
- EDE3E5
- F0E8EA
- F4EEEF
- F8F4F4
- FBF9FA
Ombres
- BDADB0
- A29396
- 877A7D
- 6C6265
- 544C4D
- 3C3637
- 252122
- 110E0F
- 020202
Tons
- D1C0C3
- C7B8BC
- BEB1B4
- B5AAAC
- ACA3A5
- A39C9D
- 9A9596
- 918E8E
- 898787
Harmonies de couleurs
Complémentaire +180°
- DAC7CB
Mega Metal Mecha
- BED2CE
≈ Breath of Green
Analogue -30° +30°
- DAC7CB
Mega Metal Mecha
- D6C8D3
≈ Eternal Moonrise
- DBC8C3
≈ Pink Chantilly
Triadique +120° +240°
- DAC7CB
Mega Metal Mecha
- CACFC0
≈ Sliced Cucumber
- C1CFDA
≈ Magical
Complémentaire divisée +150° +210°
- DAC7CB
Mega Metal Mecha
- C2D1C6
≈ Frosted Jade
- BDD1D5
≈ Windy
Tétradique +90° +180° +270°
- DAC7CB
Mega Metal Mecha
- D1CDBD
≈ Bay Salt
- BED2CE
≈ Breath of Green
- C8CCDB
≈ Lavender Steel
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.61:1 · APCA Lc 28
Ag
AAASur noir
WCAG 13.01:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--mega-metal-mecha: #dac7cb;
--mega-metal-mecha-rgb: 218 199 203;
--mega-metal-mecha-oklch: oklch(0.847 0.022 3.2);
}
.element {
color: var(--mega-metal-mecha);
background-color: hsl(347 20% 82%);
border-color: oklch(0.847 0.022 3.2);
}Tailwind CSS v4
@theme {
--color-mega-metal-mecha: #dac7cb;
--color-mega-metal-mecha-50: #fbf3f4;
--color-mega-metal-mecha-100: #efe5e7;
--color-mega-metal-mecha-200: #ddd1d3;
--color-mega-metal-mecha-300: #c2b3b6;
--color-mega-metal-mecha-400: #aa999d;
--color-mega-metal-mecha-500: #948085;
--color-mega-metal-mecha-600: #7d6d70;
--color-mega-metal-mecha-700: #64575a;
--color-mega-metal-mecha-800: #493f42;
--color-mega-metal-mecha-900: #332c2d;
--color-mega-metal-mecha-950: #1f191a;
}SCSS
$mega-metal-mecha: #dac7cb;
$mega-metal-mecha-rgb: 218, 199, 203;
$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);
}