لون مسمّى · #B5D96B
Melissa
Melissa هو #B5D96B: rgb(181 217 107)، hsl(80 59% 64%)، oklch(0.836 0.143 124.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Melissa color name →
#B5D96B
oklch(0.836 0.143 124.4)
تحويلات الألوان
- HEX
- #b5d96b
- RGB
- rgb(181 217 107)
- HSL
- hsl(80 59% 64%)
- HWB
- hwb(80 42% 15%)
- OKLCH
- oklch(0.836 0.143 124.4)
- OKLab
- oklab(0.836 -0.081 0.118)
- CIE Lab
- lab(82.33 -24.92 49.41)
- LCH
- lch(82.33 55.34 116.8)
- CMYK
- cmyk(17% 0% 51% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BCDD7C
- C3E18C
- CBE59B
- D2E9AA
- D9EDB9
- E1F1C7
- E8F4D5
- F0F8E3
- F7FBF1
درجات داكنة
- 9DBC5C
- 86A14E
- 6F863F
- 596C32
- 445325
- 303B18
- 1D250D
- 0C1104
- 020200
درجات رمادية
- B0D06F
- AAC773
- A5BE76
- 9FB578
- 9AAC7A
- 95A37C
- 8F9A7E
- 8A927F
- 85897F
تناسق الألوان
متمم +180°
- B5D96B
Melissa
- D8B9FF
≈ Lavender Fragrance
متجاور -30° +30°
- B5D96B
Melissa
- E7C74C
≈ Fall Meadow
- 74E49F
≈ Ragweed
ثلاثي +120° +240°
- B5D96B
Melissa
- 98D0FF
≈ Long Island Sound
- FFAFC1
≈ Baby’s Blanket
متمم منقسم +150° +210°
- B5D96B
Melissa
- B9C6FF
≈ Light Periwinkle
- FFA7ED
≈ Pink Wink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.60:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.10:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--melissa: #b5d96b;
--melissa-rgb: 181 217 107;
--melissa-oklch: oklch(0.836 0.143 124.4);
}
.element {
color: var(--melissa);
background-color: hsl(80 59% 64%);
border-color: oklch(0.836 0.143 124.4);
}Tailwind CSS v4
@theme {
--color-melissa: #b5d96b;
--color-melissa-50: #eafdd1;
--color-melissa-100: #dbf1be;
--color-melissa-200: #c4e09d;
--color-melissa-300: #a4c572;
--color-melissa-400: #8cac45;
--color-melissa-500: #729500;
--color-melissa-600: #617e03;
--color-melissa-700: #4d6505;
--color-melissa-800: #3a4a00;
--color-melissa-900: #283301;
--color-melissa-950: #161f00;
}SCSS
$melissa: #b5d96b;
$melissa-rgb: 181, 217, 107;
$melissa-light: mix(#fff, $melissa, 20%);
$melissa-dark: mix(#000, $melissa, 20%);
.element {
color: $melissa;
box-shadow: 0 0 0 2px rgba($melissa, 0.35);
}