Adlandırılmış renk · #D2E2D5
Minty Delight
Minty Delight, #D2E2D5: rgb(210 226 213), hsl(131 22% 85%), oklch(0.897 0.024 151.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? → · Minty Delight color name →
#D2E2D5
oklch(0.897 0.024 151.2)
Renk dönüşümleri
- HEX
- #d2e2d5
- RGB
- rgb(210 226 213)
- HSL
- hsl(131 22% 85%)
- HWB
- hwb(131 82% 11%)
- OKLCH
- oklch(0.897 0.024 151.2)
- OKLab
- oklab(0.897 -0.021 0.012)
- CIE Lab
- lab(88.4 -7.32 4.45)
- LCH
- lch(88.4 8.57 148.7)
- CMYK
- cmyk(7% 0% 6% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6E5D9
- DBE8DD
- DFEBE1
- E4EEE6
- E8F0EA
- EDF3EE
- F1F6F2
- F6F9F7
- FAFCFB
Koyu tonlar
- B6C4B9
- 9BA89E
- 818C83
- 68716A
- 505751
- 393E3A
- 242724
- 101210
- 020302
Gri tonlar
- C9D8CC
- C1CEC3
- B9C4BB
- B0BAB2
- A8B0AA
- A0A6A1
- 989C99
- 909390
- 888988
Renk uyumları
Tamamlayıcı +180°
- D2E2D5
Minty Delight
- E7D7E5
≈ Snuff
Analog -30° +30°
- D2E2D5
Minty Delight
- DAE0CE
≈ Lime Spritz
- CDE3DE
≈ Big Sky
Üçlü +120° +240°
- D2E2D5
Minty Delight
- D7DDEE
≈ Weeping Wisteria
- EDD8D3
≈ Fiesta
Bölünmüş tamamlayıcı +150° +210°
- D2E2D5
Minty Delight
- E0DAEB
≈ Awakened
- ECD7DC
≈ Pale Rose
Dörtlü +90° +180° +270°
- D2E2D5
Minty Delight
- CFE0EC
≈ Happy Thoughts
- E7D7E5
≈ Snuff
- EADACD
≈ Gobi Beige
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.57:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--minty-delight: #d2e2d5;
--minty-delight-rgb: 210 226 213;
--minty-delight-oklch: oklch(0.897 0.024 151.2);
}
.element {
color: var(--minty-delight);
background-color: hsl(131 22% 85%);
border-color: oklch(0.897 0.024 151.2);
}Tailwind CSS v4
@theme {
--color-minty-delight: #d2e2d5;
--color-minty-delight-50: #f0f7f2;
--color-minty-delight-100: #e2eae4;
--color-minty-delight-200: #cdd7cf;
--color-minty-delight-300: #aebbb2;
--color-minty-delight-400: #94a397;
--color-minty-delight-500: #7b8b7e;
--color-minty-delight-600: #68766b;
--color-minty-delight-700: #535e55;
--color-minty-delight-800: #3d453e;
--color-minty-delight-900: #2a302a;
--color-minty-delight-950: #171c18;
}SCSS
$minty-delight: #d2e2d5;
$minty-delight-rgb: 210, 226, 213;
$minty-delight-light: mix(#fff, $minty-delight, 20%);
$minty-delight-dark: mix(#000, $minty-delight, 20%);
.element {
color: $minty-delight;
box-shadow: 0 0 0 2px rgba($minty-delight, 0.35);
}