Adlandırılmış renk · #E8F3E4
Dinner Mint
Dinner Mint, #E8F3E4: rgb(232 243 228), hsl(104 38% 92%), oklch(0.952 0.023 137.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dinner Mint color name →
#E8F3E4
oklch(0.952 0.023 137.2)
Renk dönüşümleri
- HEX
- #e8f3e4
- RGB
- rgb(232 243 228)
- HSL
- hsl(104 38% 92%)
- HWB
- hwb(104 89% 5%)
- OKLCH
- oklch(0.952 0.023 137.2)
- OKLab
- oklab(0.952 -0.017 0.016)
- CIE Lab
- lab(94.7 -5.76 5.93)
- LCH
- lch(94.7 8.27 134.1)
- CMYK
- cmyk(5% 0% 6% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAF4E7
- EDF5E9
- EFF7EC
- F1F8EF
- F3F9F1
- F6FAF4
- F8FBF7
- FAFDFA
- FDFEFC
Koyu tonlar
- CAD3C6
- ACB4A9
- 90978D
- 747A72
- 595E58
- 40443F
- 292B28
- 131412
- 030303
Gri tonlar
- DDE7DA
- D2DBCF
- C8CFC5
- BDC3BB
- B3B8B1
- A8ACA7
- 9EA19D
- 949693
- 8A8B8A
Renk uyumları
Tamamlayıcı +180°
- E8F3E4
Dinner Mint
- F6EBFA
≈ Placebo Fuchsia
Analog -30° +30°
- E8F3E4
Dinner Mint
- F0F0DF
≈ Gorā White
- E1F4EC
≈ Bath Bubbles
Üçlü +120° +240°
- E8F3E4
Dinner Mint
- E6F0FF
≈ Cotton Boll
- FEE9E9
≈ Pink Sparkle
Bölünmüş tamamlayıcı +150° +210°
- E8F3E4
Dinner Mint
- EEEDFE
≈ Carte Blanche
- FCE9F2
≈ Placebo Magenta
Dörtlü +90° +180° +270°
- E8F3E4
Dinner Mint
- E0F3FB
≈ Wizard White
- F6EBFA
≈ Placebo Fuchsia
- FDEBE2
≈ Soft Pink Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.14:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.37:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--dinner-mint: #e8f3e4;
--dinner-mint-rgb: 232 243 228;
--dinner-mint-oklch: oklch(0.952 0.023 137.2);
}
.element {
color: var(--dinner-mint);
background-color: hsl(104 38% 92%);
border-color: oklch(0.952 0.023 137.2);
}Tailwind CSS v4
@theme {
--color-dinner-mint: #e8f3e4;
--color-dinner-mint-50: #f2f7f1;
--color-dinner-mint-100: #e4eae3;
--color-dinner-mint-200: #cfd7cd;
--color-dinner-mint-300: #b2baaf;
--color-dinner-mint-400: #98a295;
--color-dinner-mint-500: #7f8a7b;
--color-dinner-mint-600: #6c7568;
--color-dinner-mint-700: #565d53;
--color-dinner-mint-800: #3f443c;
--color-dinner-mint-900: #2b2f29;
--color-dinner-mint-950: #191c17;
}SCSS
$dinner-mint: #e8f3e4;
$dinner-mint-rgb: 232, 243, 228;
$dinner-mint-light: mix(#fff, $dinner-mint, 20%);
$dinner-mint-dark: mix(#000, $dinner-mint, 20%);
.element {
color: $dinner-mint;
box-shadow: 0 0 0 2px rgba($dinner-mint, 0.35);
}