لون مسمّى · #DCF1C7
Green Glint
Green Glint هو #DCF1C7: rgb(220 241 199)، hsl(90 60% 86%)، oklch(0.932 0.06 129.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Green Glint color name →
#DCF1C7
oklch(0.932 0.06 129.2)
تحويلات الألوان
- HEX
- #dcf1c7
- RGB
- rgb(220 241 199)
- HSL
- hsl(90 60% 86%)
- HWB
- hwb(90 78% 5%)
- OKLCH
- oklch(0.932 0.06 129.2)
- OKLab
- oklab(0.932 -0.038 0.046)
- CIE Lab
- lab(92.77 -12.61 17.93)
- LCH
- lch(92.77 21.92 125.1)
- CMYK
- cmyk(9% 0% 17% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFF2CD
- E3F4D2
- E6F5D8
- EAF7DE
- EDF8E3
- F1FAE9
- F4FBEE
- F8FCF4
- FBFEF9
درجات داكنة
- BFD2AD
- A3B393
- 88957A
- 6E7962
- 545D4C
- 3C4336
- 262B21
- 11140E
- 020302
درجات رمادية
- D2E5C0
- C9D9B9
- BFCEB1
- B6C2AA
- ADB7A3
- A4AC9C
- 9BA195
- 92968E
- 898B87
تناسق الألوان
متمم +180°
- DCF1C7
Green Glint
- F1E1FF
≈ Lavender Savour
متجاور -30° +30°
- DCF1C7
Green Glint
- F2EABC
≈ Sandy Shore
- C7F5DA
≈ Pickford
ثلاثي +120° +240°
- DCF1C7
Green Glint
- D8EBFF
≈ Cloudless
- FFDFE3
≈ Sweet Mallow
متمم منقسم +150° +210°
- DCF1C7
Green Glint
- E3E7FF
≈ Cyber Lavender
- FFDDF3
≈ Silky Pink
رباعي +90° +180° +270°
- DCF1C7
Green Glint
- C5F1FF
≈ Heaven’s Gate
- F1E1FF
≈ Lavender Savour
- FFE1D7
≈ Peach Cloud
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.20:1 · APCA Lc 10
Ag
AAAعلى الأسود
WCAG 17.44:1 · APCA Lc 94
أفضل لون للنص: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--green-glint: #dcf1c7;
--green-glint-rgb: 220 241 199;
--green-glint-oklch: oklch(0.932 0.06 129.2);
}
.element {
color: var(--green-glint);
background-color: hsl(90 60% 86%);
border-color: oklch(0.932 0.06 129.2);
}Tailwind CSS v4
@theme {
--color-green-glint: #dcf1c7;
--color-green-glint-50: #eff9e7;
--color-green-glint-100: #e1ecd8;
--color-green-glint-200: #cbdac0;
--color-green-glint-300: #adbe9f;
--color-green-glint-400: #93a680;
--color-green-glint-500: #7a8e64;
--color-green-glint-600: #677855;
--color-green-glint-700: #526044;
--color-green-glint-800: #3d4630;
--color-green-glint-900: #2a3120;
--color-green-glint-950: #171d10;
}SCSS
$green-glint: #dcf1c7;
$green-glint-rgb: 220, 241, 199;
$green-glint-light: mix(#fff, $green-glint, 20%);
$green-glint-dark: mix(#000, $green-glint, 20%);
.element {
color: $green-glint;
box-shadow: 0 0 0 2px rgba($green-glint, 0.35);
}