En yakın adlandırılmış renk · #D3ECE0
#D3ECE0
En yakın adlandırılmış renk: Minty Fresh
#D3ECE0 (rgb(211 236 224), hsl(151 40% 88%), oklch(0.921 0.031 165.3)) en çok Minty Fresh adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D3ECE0
oklch(0.921 0.031 165.3)
Renk dönüşümleri
- HEX
- #d3ece0
- RGB
- rgb(211 236 224)
- HSL
- hsl(151 40% 88%)
- HWB
- hwb(151 83% 7%)
- OKLCH
- oklch(0.921 0.031 165.3)
- OKLab
- oklab(0.921 -0.03 0.008)
- CIE Lab
- lab(91.3 -10.21 2.9)
- LCH
- lch(91.3 10.61 164.1)
- CMYK
- cmyk(11% 0% 5% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7EEE3
- DCF0E6
- E0F2E9
- E5F4EC
- E9F6EF
- EDF7F3
- F2F9F6
- F6FBF9
- FBFDFC
Koyu tonlar
- B7CDC3
- 9CAFA6
- 82928A
- 697670
- 515B56
- 3A423E
- 242927
- 101312
- 020302
Gri tonlar
- CAE1D6
- C2D5CC
- B9CAC2
- B1BFB8
- A9B5AF
- A0AAA5
- 989F9C
- 909592
- 888A89
Renk uyumları
Tamamlayıcı +180°
- D3ECE0
Minty Fresh
- F5DDEA
≈ Ranunculus White
Analog -30° +30°
- D3ECE0
Minty Fresh
- DCEAD6
≈ Touch of Green
- CEECEB
≈ Mint Chip
Üçlü +120° +240°
- D3ECE0
Minty Fresh
- E2E3F9
≈ Lavender Mist
- F8DFD4
≈ Delicate Rose
Bölünmüş tamamlayıcı +150° +210°
- D3ECE0
Minty Fresh
- EDDFF4
≈ Divine Dove
- F9DDDE
≈ Powdered Blush
Dörtlü +90° +180° +270°
- D3ECE0
Minty Fresh
- D8E7FA
≈ Cloudless
- F5DDEA
≈ Ranunculus White
- F1E3CF
≈ Ancient Scroll
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.84:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--minty-fresh: #d3ece0;
--minty-fresh-rgb: 211 236 224;
--minty-fresh-oklch: oklch(0.921 0.031 165.3);
}
.element {
color: var(--minty-fresh);
background-color: hsl(151 40% 88%);
border-color: oklch(0.921 0.031 165.3);
}Tailwind CSS v4
@theme {
--color-minty-fresh: #d3ece0;
--color-minty-fresh-50: #edf8f3;
--color-minty-fresh-100: #dfebe6;
--color-minty-fresh-200: #c8d9d1;
--color-minty-fresh-300: #a9bdb4;
--color-minty-fresh-400: #8ea59a;
--color-minty-fresh-500: #748d81;
--color-minty-fresh-600: #62776d;
--color-minty-fresh-700: #4e5f57;
--color-minty-fresh-800: #39463f;
--color-minty-fresh-900: #27302c;
--color-minty-fresh-950: #151d19;
}SCSS
$minty-fresh: #d3ece0;
$minty-fresh-rgb: 211, 236, 224;
$minty-fresh-light: mix(#fff, $minty-fresh, 20%);
$minty-fresh-dark: mix(#000, $minty-fresh, 20%);
.element {
color: $minty-fresh;
box-shadow: 0 0 0 2px rgba($minty-fresh, 0.35);
}