لون مسمّى · #B9DF31
Acid Lime
Acid Lime هو #B9DF31: rgb(185 223 49)، hsl(73 73% 53%)، oklch(0.847 0.191 121.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Acid Lime color name →
#B9DF31
oklch(0.847 0.191 121.8)
تحويلات الألوان
- HEX
- #b9df31
- RGB
- rgb(185 223 49)
- HSL
- hsl(73 73% 53%)
- HWB
- hwb(73 19% 13%)
- OKLCH
- oklch(0.847 0.191 121.8)
- OKLab
- oklab(0.847 -0.101 0.162)
- CIE Lab
- lab(83.9 -28.89 73.16)
- LCH
- lch(83.9 78.66 111.5)
- CMYK
- cmyk(17% 0% 78% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C0E353
- C6E66C
- CDEA82
- D4ED96
- DBF0A9
- E2F4BB
- E9F7CC
- F0FADD
- F8FCEE
درجات داكنة
- A0C229
- 89A522
- 718A1A
- 5B6F13
- 46560C
- 313D06
- 1E2703
- 0D1201
- 020200
درجات رمادية
- B3D544
- ADCC51
- A7C25B
- A1B963
- 9CAF6A
- 96A670
- 909C75
- 8B9379
- 858A7D
تناسق الألوان
متمم +180°
- B9DF31
Acid Lime
- D7BFFF
≈ Lavender Fragrance
متجاور -30° +30°
- B9DF31
Acid Lime
- F6C700
≈ Pinard Yellow
- 52EF8B
≈ Grotesque Green
ثلاثي +120° +240°
- B9DF31
Acid Lime
- 9CD4FF
≈ Baby Blue
- FFB5C8
≈ Cherry Blossom Pink
متمم منقسم +150° +210°
- B9DF31
Acid Lime
- BBCBFF
≈ Light Periwinkle
- FFACF3
≈ Pink Wink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.66:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--acid-lime: #b9df31;
--acid-lime-rgb: 185 223 49;
--acid-lime-oklch: oklch(0.847 0.191 121.8);
}
.element {
color: var(--acid-lime);
background-color: hsl(73 73% 53%);
border-color: oklch(0.847 0.191 121.8);
}Tailwind CSS v4
@theme {
--color-acid-lime: #b9df31;
--color-acid-lime-50: #eaffc3;
--color-acid-lime-100: #dbf3ac;
--color-acid-lime-200: #c3e285;
--color-acid-lime-300: #a4c74f;
--color-acid-lime-400: #8dae00;
--color-acid-lime-500: #739600;
--color-acid-lime-600: #617f00;
--color-acid-lime-700: #4e6600;
--color-acid-lime-800: #3b4a00;
--color-acid-lime-900: #293400;
--color-acid-lime-950: #171f00;
}SCSS
$acid-lime: #b9df31;
$acid-lime-rgb: 185, 223, 49;
$acid-lime-light: mix(#fff, $acid-lime, 20%);
$acid-lime-dark: mix(#000, $acid-lime, 20%);
.element {
color: $acid-lime;
box-shadow: 0 0 0 2px rgba($acid-lime, 0.35);
}