Colore con nome · #D7ECD9
Silky Mint
Silky Mint è #D7ECD9: rgb(215 236 217), hsl(126 36% 88%), oklch(0.922 0.034 148). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silky Mint color name →
#D7ECD9
oklch(0.922 0.034 148)
Conversioni di colore
- HEX
- #d7ecd9
- RGB
- rgb(215 236 217)
- HSL
- hsl(126 36% 88%)
- HWB
- hwb(126 84% 7%)
- OKLCH
- oklch(0.922 0.034 148)
- OKLab
- oklab(0.922 -0.029 0.018)
- CIE Lab
- lab(91.44 -9.78 6.76)
- LCH
- lch(91.44 11.89 145.3)
- CMYK
- cmyk(9% 0% 8% 7%)
Tinte · Ombre · Toni
Tinte
- DBEEDD
- DFF0E1
- E3F2E4
- E7F4E8
- EBF6EC
- EFF7F0
- F3F9F4
- F7FBF7
- FBFDFB
Ombre
- BBCDBC
- 9FAFA1
- 859286
- 6B766C
- 525B53
- 3B423B
- 252925
- 111311
- 020302
Toni
- CEE1D0
- C5D5C7
- BCCABD
- B3BFB4
- ABB5AB
- A2AAA3
- 999F9A
- 919591
- 888A89
Armonie di colore
Complementare +180°
- D7ECD9
Silky Mint
- F2DEF1
≈ Divine Dove
Analogo -30° +30°
- D7ECD9
Silky Mint
- E3E9D0
≈ Sunny Summit
- CFEDE5
≈ Underwater
Triadico +120° +240°
- D7ECD9
Silky Mint
- DCE5FD
≈ Lavender Mist
- FBDDD9
≈ Tartlet
Complementare divisa +150° +210°
- D7ECD9
Silky Mint
- E8E1FA
≈ Lavender Mist
- FADDE5
≈ Marshmallow Heart
Tetradico +90° +180° +270°
- D7ECD9
Silky Mint
- D1E9FA
≈ Cloudless
- F2DEF1
≈ Divine Dove
- F7E0D0
≈ Chafed Wheat
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.88:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--silky-mint: #d7ecd9;
--silky-mint-rgb: 215 236 217;
--silky-mint-oklch: oklch(0.922 0.034 148);
}
.element {
color: var(--silky-mint);
background-color: hsl(126 36% 88%);
border-color: oklch(0.922 0.034 148);
}Tailwind CSS v4
@theme {
--color-silky-mint: #d7ecd9;
--color-silky-mint-50: #eff8f0;
--color-silky-mint-100: #e0ebe2;
--color-silky-mint-200: #cbd9cd;
--color-silky-mint-300: #acbdae;
--color-silky-mint-400: #92a493;
--color-silky-mint-500: #788d7a;
--color-silky-mint-600: #657767;
--color-silky-mint-700: #515f52;
--color-silky-mint-800: #3b463b;
--color-silky-mint-900: #293029;
--color-silky-mint-950: #161c17;
}SCSS
$silky-mint: #d7ecd9;
$silky-mint-rgb: 215, 236, 217;
$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);
}