لون مسمّى · #DAECC5
Greenette
Greenette هو #DAECC5: rgb(218 236 197)، hsl(88 51% 85%)، oklch(0.92 0.055 127.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Greenette color name →
#DAECC5
oklch(0.92 0.055 127.7)
تحويلات الألوان
- HEX
- #daecc5
- RGB
- rgb(218 236 197)
- HSL
- hsl(88 51% 85%)
- HWB
- hwb(88 77% 7%)
- OKLCH
- oklch(0.92 0.055 127.7)
- OKLab
- oklab(0.92 -0.034 0.044)
- CIE Lab
- lab(91.29 -11.23 16.88)
- LCH
- lch(91.29 20.27 123.6)
- CMYK
- cmyk(8% 0% 17% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEEECB
- E1F0D1
- E5F2D6
- E9F4DC
- ECF6E2
- F0F8E8
- F4F9EE
- F8FBF3
- FBFDF9
درجات داكنة
- BDCDAB
- A2AF92
- 879279
- 6C7661
- 545B4B
- 3C4235
- 252921
- 11130E
- 020302
درجات رمادية
- D1E1BE
- C7D6B7
- BECAB0
- B5BFA9
- ACB5A2
- A3AA9B
- 9A9F94
- 91958E
- 898A87
تناسق الألوان
متمم +180°
- DAECC5
Greenette
- EDDCFF
≈ Lavender Savour
متجاور -30° +30°
- DAECC5
Greenette
- EEE5BC
≈ Slices of Happy
- C7F0D6
≈ Pickford
ثلاثي +120° +240°
- DAECC5
Greenette
- D0E8FF
≈ Veiling Waterfalls
- FFD9DF
≈ Satin Ribbon
متمم منقسم +150° +210°
- DAECC5
Greenette
- DEE3FF
≈ Stoic White
- FED7F2
≈ Sweet Sachet
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.25:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.78:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--greenette: #daecc5;
--greenette-rgb: 218 236 197;
--greenette-oklch: oklch(0.92 0.055 127.7);
}
.element {
color: var(--greenette);
background-color: hsl(88 51% 85%);
border-color: oklch(0.92 0.055 127.7);
}Tailwind CSS v4
@theme {
--color-greenette: #daecc5;
--color-greenette-50: #f0f9e8;
--color-greenette-100: #e2ecd9;
--color-greenette-200: #cdd9c1;
--color-greenette-300: #aebda0;
--color-greenette-400: #95a582;
--color-greenette-500: #7c8d66;
--color-greenette-600: #697857;
--color-greenette-700: #546045;
--color-greenette-800: #3e4631;
--color-greenette-900: #2a3021;
--color-greenette-950: #181d11;
}SCSS
$greenette: #daecc5;
$greenette-rgb: 218, 236, 197;
$greenette-light: mix(#fff, $greenette, 20%);
$greenette-dark: mix(#000, $greenette, 20%);
.element {
color: $greenette;
box-shadow: 0 0 0 2px rgba($greenette, 0.35);
}