Couleur nommée la plus proche · #ECC6D3
#ECC6D3
Couleur nommée la plus proche: Smidgen of Love
#ECC6D3 (rgb(236 198 211), hsl(339 50% 85%), oklch(0.863 0.046 355.5)) est la plus proche de la couleur nommée Smidgen of Love. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ECC6D3
oklch(0.863 0.046 355.5)
Conversions de couleur
- HEX
- #ecc6d3
- RGB
- rgb(236 198 211)
- HSL
- hsl(339 50% 85%)
- HWB
- hwb(339 78% 7%)
- OKLCH
- oklch(0.863 0.046 355.5)
- OKLab
- oklab(0.863 0.046 -0.004)
- CIE Lab
- lab(83.49 15.43 -1.21)
- LCH
- lch(83.49 15.47 355.5)
- CMYK
- cmyk(0% 16% 11% 7%)
Teintes · Ombres · Tons
Teintes
- EECCD7
- F0D1DC
- F2D7E0
- F4DDE4
- F6E2E9
- F8E8ED
- FAEEF2
- FCF3F6
- FDF9FB
Ombres
- CDACB7
- AF929C
- 927A82
- 766269
- 5B4B51
- 42353A
- 292124
- 130E10
- 030202
Tons
- E1BFCA
- D6B8C2
- CBB1B9
- C0A9B1
- B5A2A9
- AA9BA0
- 9F9598
- 958E90
- 8A8788
Harmonies de couleurs
Complémentaire +180°
- ECC6D3
Smidgen of Love
- B3DCD0
≈ Balmy Seas
Analogue -30° +30°
- ECC6D3
Smidgen of Love
- E2C8E3
≈ Syrian Violet
- EFC7C3
≈ Delicate Pink Rose
Triadique +120° +240°
- ECC6D3
Smidgen of Love
- D0D6B4
≈ Avocado Whip
- B6D7EC
≈ Light Template
Complémentaire divisée +150° +210°
- ECC6D3
Smidgen of Love
- C0DBC0
≈ Thistleberry Green
- AFDBE1
≈ Daly Waters
Tétradique +90° +180° +270°
- ECC6D3
Smidgen of Love
- E0D0B0
≈ Braided Raffia
- B3DCD0
≈ Balmy Seas
- C3D2F1
≈ Frozen Periwinkle
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.54:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.58:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--smidgen-of-love: #ecc6d3;
--smidgen-of-love-rgb: 236 198 211;
--smidgen-of-love-oklch: oklch(0.863 0.046 355.5);
}
.element {
color: var(--smidgen-of-love);
background-color: hsl(339 50% 85%);
border-color: oklch(0.863 0.046 355.5);
}Tailwind CSS v4
@theme {
--color-smidgen-of-love: #ecc6d3;
--color-smidgen-of-love-50: #fff0f5;
--color-smidgen-of-love-100: #f6e2e8;
--color-smidgen-of-love-200: #e6cdd4;
--color-smidgen-of-love-300: #ccaeb7;
--color-smidgen-of-love-400: #b6949f;
--color-smidgen-of-love-500: #a07a87;
--color-smidgen-of-love-600: #876773;
--color-smidgen-of-love-700: #6c525c;
--color-smidgen-of-love-800: #503c44;
--color-smidgen-of-love-900: #37292f;
--color-smidgen-of-love-950: #22171b;
}SCSS
$smidgen-of-love: #ecc6d3;
$smidgen-of-love-rgb: 236, 198, 211;
$smidgen-of-love-light: mix(#fff, $smidgen-of-love, 20%);
$smidgen-of-love-dark: mix(#000, $smidgen-of-love, 20%);
.element {
color: $smidgen-of-love;
box-shadow: 0 0 0 2px rgba($smidgen-of-love, 0.35);
}