Adlandırılmış renk · #D7ECD9
Silky Mint
Silky Mint, #D7ECD9: rgb(215 236 217), hsl(126 36% 88%), oklch(0.922 0.034 148). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Silky Mint color name →
#D7ECD9
oklch(0.922 0.034 148)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBEEDD
- DFF0E1
- E3F2E4
- E7F4E8
- EBF6EC
- EFF7F0
- F3F9F4
- F7FBF7
- FBFDFB
Koyu tonlar
- BBCDBC
- 9FAFA1
- 859286
- 6B766C
- 525B53
- 3B423B
- 252925
- 111311
- 020302
Gri tonlar
- CEE1D0
- C5D5C7
- BCCABD
- B3BFB4
- ABB5AB
- A2AAA3
- 999F9A
- 919591
- 888A89
Renk uyumları
Tamamlayıcı +180°
- D7ECD9
Silky Mint
- F2DEF1
≈ Divine Dove
Analog -30° +30°
- D7ECD9
Silky Mint
- E3E9D0
≈ Sunny Summit
- CFEDE5
≈ Underwater
Üçlü +120° +240°
- D7ECD9
Silky Mint
- DCE5FD
≈ Lavender Mist
- FBDDD9
≈ Tartlet
Bölünmüş tamamlayıcı +150° +210°
- D7ECD9
Silky Mint
- E8E1FA
≈ Lavender Mist
- FADDE5
≈ Marshmallow Heart
Dörtlü +90° +180° +270°
- D7ECD9
Silky Mint
- D1E9FA
≈ Cloudless
- F2DEF1
≈ Divine Dove
- F7E0D0
≈ Chafed Wheat
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.88:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}