لون مسمّى · #D8F19C
Creamy Avocado
Creamy Avocado هو #D8F19C: rgb(216 241 156)، hsl(78 75% 78%)، oklch(0.92 0.112 122). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Creamy Avocado color name →
#D8F19C
oklch(0.92 0.112 122)
تحويلات الألوان
- HEX
- #d8f19c
- RGB
- rgb(216 241 156)
- HSL
- hsl(78 75% 78%)
- HWB
- hwb(78 61% 5%)
- OKLCH
- oklch(0.92 0.112 122)
- OKLab
- oklab(0.92 -0.059 0.095)
- CIE Lab
- lab(91.84 -18.54 38.23)
- LCH
- lch(91.84 42.49 115.9)
- CMYK
- cmyk(10% 0% 35% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DCF3A7
- E0F4B1
- E3F6BB
- E7F7C5
- EBF9CF
- EFFAD9
- F3FBE2
- F7FDEC
- FBFEF6
درجات داكنة
- BCD287
- A0B373
- 85955F
- 6B794C
- 535D39
- 3B4328
- 252B18
- 111409
- 020301
درجات رمادية
- CFE59A
- C6DA98
- BDCE95
- B4C393
- ABB790
- A2AC8D
- 99A18A
- 919687
- 888B83
تناسق الألوان
متمم +180°
- D8F19C
Creamy Avocado
- EADEFF
≈ Lavender Savour
متجاور -30° +30°
- D8F19C
Creamy Avocado
- FFE38D
≈ Bicycle Yellow
- ABFBC0
≈ Light Sea-Foam
ثلاثي +120° +240°
- D8F19C
Creamy Avocado
- CDE9FF
≈ Veiling Waterfalls
- FFD9E2
≈ It’s a Girl!
متمم منقسم +150° +210°
- D8F19C
Creamy Avocado
- DBE4FF
≈ Stoic White
- FFD6F8
≈ Strawberry Frost
رباعي +90° +180° +270°
- D8F19C
Creamy Avocado
- B0F1FF
≈ Northrend
- EADEFF
≈ Lavender Savour
- FFDBD4
≈ Peach Schnapps
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.98:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.98:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--creamy-avocado: #d8f19c;
--creamy-avocado-rgb: 216 241 156;
--creamy-avocado-oklch: oklch(0.92 0.112 122);
}
.element {
color: var(--creamy-avocado);
background-color: hsl(78 75% 78%);
border-color: oklch(0.92 0.112 122);
}Tailwind CSS v4
@theme {
--color-creamy-avocado: #d8f19c;
--color-creamy-avocado-50: #eefbd8;
--color-creamy-avocado-100: #e0efc6;
--color-creamy-avocado-200: #cadda8;
--color-creamy-avocado-300: #abc181;
--color-creamy-avocado-400: #93a95b;
--color-creamy-avocado-500: #7a9133;
--color-creamy-avocado-600: #677b2d;
--color-creamy-avocado-700: #526224;
--color-creamy-avocado-800: #3e4816;
--color-creamy-avocado-900: #2a320e;
--color-creamy-avocado-950: #181e02;
}SCSS
$creamy-avocado: #d8f19c;
$creamy-avocado-rgb: 216, 241, 156;
$creamy-avocado-light: mix(#fff, $creamy-avocado, 20%);
$creamy-avocado-dark: mix(#000, $creamy-avocado, 20%);
.element {
color: $creamy-avocado;
box-shadow: 0 0 0 2px rgba($creamy-avocado, 0.35);
}