Couleur nommée la plus proche · #D7F0DE
#D7F0DE
Couleur nommée la plus proche: Silky Mint
#D7F0DE (rgb(215 240 222), hsl(137 45% 89%), oklch(0.932 0.036 154.3)) est la plus proche de la couleur nommée Silky Mint. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D7F0DE
oklch(0.932 0.036 154.3)
Conversions de couleur
- HEX
- #d7f0de
- RGB
- rgb(215 240 222)
- HSL
- hsl(137 45% 89%)
- HWB
- hwb(137 84% 6%)
- OKLCH
- oklch(0.932 0.036 154.3)
- OKLab
- oklab(0.932 -0.032 0.015)
- CIE Lab
- lab(92.58 -10.99 5.81)
- LCH
- lch(92.58 12.43 152.2)
- CMYK
- cmyk(10% 0% 7% 6%)
Teintes · Ombres · Tons
Teintes
- DBF2E1
- DFF3E5
- E3F5E8
- E7F6EB
- EBF8EE
- EFF9F2
- F3FBF5
- F7FCF8
- FBFEFC
Ombres
- BBD1C1
- 9FB2A5
- 859589
- 6B786F
- 525D55
- 3B433D
- 252A26
- 111412
- 020302
Tons
- CEE4D4
- C5D9CA
- BCCDC1
- B3C2B7
- ABB6AE
- A2ABA4
- 99A09B
- 919592
- 888B89
Harmonies de couleurs
Complémentaire +180°
- D7F0DE
Silky Mint
- F8E0F2
≈ Pale Blossom
Analogue -30° +30°
- D7F0DE
Silky Mint
- E3EDD3
≈ Spring Wheat
- CFF1EB
≈ Teal Ice
Triadique +120° +240°
- D7F0DE
Silky Mint
- E1E7FF
≈ Lavender Mist
- FFE1D9
≈ Red Shimmer
Complémentaire divisée +150° +210°
- D7F0DE
Silky Mint
- EEE3FC
≈ Minute Mauve
- FFDFE5
≈ Pink Pleasure
Tétradique +90° +180° +270°
- D7F0DE
Silky Mint
- D6ECFF
≈ Cloudless
- F8E0F2
≈ Pale Blossom
- FAE4D0
≈ Full Cream
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.40:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--silky-mint: #d7f0de;
--silky-mint-rgb: 215 240 222;
--silky-mint-oklch: oklch(0.932 0.036 154.3);
}
.element {
color: var(--silky-mint);
background-color: hsl(137 45% 89%);
border-color: oklch(0.932 0.036 154.3);
}Tailwind CSS v4
@theme {
--color-silky-mint: #d7f0de;
--color-silky-mint-50: #edf8f1;
--color-silky-mint-100: #dfece3;
--color-silky-mint-200: #c9d9ce;
--color-silky-mint-300: #a9bdb0;
--color-silky-mint-400: #8fa595;
--color-silky-mint-500: #748d7c;
--color-silky-mint-600: #637869;
--color-silky-mint-700: #4f6054;
--color-silky-mint-800: #39463c;
--color-silky-mint-900: #273129;
--color-silky-mint-950: #151d17;
}SCSS
$silky-mint: #d7f0de;
$silky-mint-rgb: 215, 240, 222;
$silky-mint-light: mix(#fff, $silky-mint, 20%);
$silky-mint-dark: mix(#000, $silky-mint, 20%);
.element {
color: $silky-mint;
box-shadow: 0 0 0 2px rgba($silky-mint, 0.35);
}