En yakın adlandırılmış renk · #D5F7E8
#D5F7E8
En yakın adlandırılmış renk: Minty Fresh
#D5F7E8 (rgb(213 247 232), hsl(154 68% 90%), oklch(0.948 0.041 167.1)) 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.
#D5F7E8
oklch(0.948 0.041 167.1)
Renk dönüşümleri
- HEX
- #d5f7e8
- RGB
- rgb(213 247 232)
- HSL
- hsl(154 68% 90%)
- HWB
- hwb(154 84% 3%)
- OKLCH
- oklch(0.948 0.041 167.1)
- OKLab
- oklab(0.948 -0.04 0.009)
- CIE Lab
- lab(94.47 -13.54 3.34)
- LCH
- lch(94.47 13.95 166.1)
- CMYK
- cmyk(14% 0% 6% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9F8EA
- DEF9ED
- E2F9EF
- E6FAF1
- EAFBF3
- EEFCF6
- F3FDF8
- F7FDFA
- FBFEFD
Koyu tonlar
- B9D7CA
- 9EB7AC
- 839990
- 6A7C74
- 516059
- 3A4540
- 242C29
- 101513
- 020303
Gri tonlar
- CCEBDD
- C4DED2
- BBD2C8
- B2C6BD
- AABAB3
- A1AEA8
- 99A29E
- 919794
- 888B8A
Renk uyumları
Tamamlayıcı +180°
- D5F7E8
Minty Fresh
- FFE6F2
≈ Cherubic
Analog -30° +30°
- D5F7E8
Minty Fresh
- E1F5DA
≈ Light Fresh Lime
- CFF7F7
≈ Tinted Ice
Üçlü +120° +240°
- D5F7E8
Minty Fresh
- ECEBFF
≈ Placebo Purple
- FFE8DE
≈ Chablis
Bölünmüş tamamlayıcı +150° +210°
- D5F7E8
Minty Fresh
- F8E6FF
≈ Soft Lavender
- FFE7E7
≈ Vanilla Strawberry
Dörtlü +90° +180° +270°
- D5F7E8
Minty Fresh
- E3EFFF
≈ Brilliant White
- FFE6F2
≈ Cherubic
- FDEBD0
≈ Popcorn Ball
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.14:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.29:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--minty-fresh: #d5f7e8;
--minty-fresh-rgb: 213 247 232;
--minty-fresh-oklch: oklch(0.948 0.041 167.1);
}
.element {
color: var(--minty-fresh);
background-color: hsl(154 68% 90%);
border-color: oklch(0.948 0.041 167.1);
}Tailwind CSS v4
@theme {
--color-minty-fresh: #d5f7e8;
--color-minty-fresh-50: #ebf9f3;
--color-minty-fresh-100: #dcede5;
--color-minty-fresh-200: #c4dad1;
--color-minty-fresh-300: #a4beb4;
--color-minty-fresh-400: #88a799;
--color-minty-fresh-500: #6d8f80;
--color-minty-fresh-600: #5c796d;
--color-minty-fresh-700: #496157;
--color-minty-fresh-800: #35473f;
--color-minty-fresh-900: #24312b;
--color-minty-fresh-950: #131d19;
}SCSS
$minty-fresh: #d5f7e8;
$minty-fresh-rgb: 213, 247, 232;
$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);
}