لون مسمّى · #B1DD52
Conifer
Conifer هو #B1DD52: rgb(177 221 82)، hsl(79 67% 59%)، oklch(0.839 0.172 125). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Conifer color name →
#B1DD52
oklch(0.839 0.172 125)
تحويلات الألوان
- HEX
- #b1dd52
- RGB
- rgb(177 221 82)
- HSL
- hsl(79 67% 59%)
- HWB
- hwb(79 32% 13%)
- OKLCH
- oklch(0.839 0.172 125)
- OKLab
- oklab(0.839 -0.099 0.141)
- CIE Lab
- lab(82.98 -29.76 60.85)
- LCH
- lch(82.98 67.73 116.1)
- CMYK
- cmyk(20% 0% 63% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B9E168
- C0E57C
- C8E88E
- CFECA0
- D7EFB0
- DFF3C0
- E7F6D0
- EFF9E0
- F7FCF0
درجات داكنة
- 99C046
- 83A43B
- 6C882F
- 576E25
- 42551A
- 2F3D11
- 1C2608
- 0C1102
- 010200
درجات رمادية
- ACD45B
- A7CA62
- A2C169
- 9DB86E
- 98AE72
- 93A576
- 8E9C79
- 8A927C
- 85897E
تناسق الألوان
متمم +180°
- B1DD52
Conifer
- D9BAFF
≈ Lavender Fragrance
متجاور -30° +30°
- B1DD52
Conifer
- EEC803
≈ Yolk
- 58EA97
≈ Grotesque Green
ثلاثي +120° +240°
- B1DD52
Conifer
- 9BD1FF
≈ Long Island Sound
- FFB1C2
≈ Soft Pink
متمم منقسم +150° +210°
- B1DD52
Conifer
- BBC7FF
≈ Light Periwinkle
- FFA9EC
≈ Pink Wink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.57:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.33:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--conifer: #b1dd52;
--conifer-rgb: 177 221 82;
--conifer-oklch: oklch(0.839 0.172 125);
}
.element {
color: var(--conifer);
background-color: hsl(79 67% 59%);
border-color: oklch(0.839 0.172 125);
}Tailwind CSS v4
@theme {
--color-conifer: #b1dd52;
--color-conifer-50: #e8ffca;
--color-conifer-100: #d8f3b5;
--color-conifer-200: #c0e291;
--color-conifer-300: #a0c762;
--color-conifer-400: #87af25;
--color-conifer-500: #6d9700;
--color-conifer-600: #5c8000;
--color-conifer-700: #496700;
--color-conifer-800: #384b00;
--color-conifer-900: #263400;
--color-conifer-950: #151f00;
}SCSS
$conifer: #b1dd52;
$conifer-rgb: 177, 221, 82;
$conifer-light: mix(#fff, $conifer, 20%);
$conifer-dark: mix(#000, $conifer, 20%);
.element {
color: $conifer;
box-shadow: 0 0 0 2px rgba($conifer, 0.35);
}