لون مسمّى · #359E6B
Bulma Hair
Bulma Hair هو #359E6B: rgb(53 158 107)، hsl(151 50% 41%)، oklch(0.626 0.124 158.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Bulma Hair color name →
#359E6B
oklch(0.626 0.124 158.3)
تحويلات الألوان
- HEX
- #359e6b
- RGB
- rgb(53 158 107)
- HSL
- hsl(151 50% 41%)
- HWB
- hwb(151 21% 38%)
- OKLCH
- oklch(0.626 0.124 158.3)
- OKLab
- oklab(0.626 -0.115 0.046)
- CIE Lab
- lab(58.22 -40.53 17.59)
- LCH
- lch(58.22 44.18 156.5)
- CMYK
- cmyk(66% 0% 32% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4FA879
- 65B187
- 7ABB96
- 8EC5A4
- A1CFB3
- B4D8C2
- C7E2D1
- D9ECE0
- ECF5EF
درجات داكنة
- 2D895C
- 25744E
- 1D603F
- 154D32
- 0E3A25
- 082918
- 03180D
- 010904
- 000100
درجات رمادية
- 429B6D
- 4C9870
- 559672
- 5D9374
- 649076
- 6A8D78
- 708A7A
- 76867C
- 7B837E
تناسق الألوان
متمم +180°
- 359E6B
Bulma Hair
- B769A1
≈ Pearly Purple
متجاور -30° +30°
- 359E6B
Bulma Hair
- 72963E
≈ Lattice Green
- 009D94
≈ Caribbean Turquoise
ثلاثي +120° +240°
- 359E6B
Bulma Hair
- 777FD1
≈ Tanzine
- C66B4E
≈ Tile Red
متمم منقسم +150° +210°
- 359E6B
Bulma Hair
- 9D72C1
≈ Viola
- C66579
≈ Cherry Fruit
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.35:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.25:1 · APCA Lc 41
أفضل لون للنص: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bulma-hair: #359e6b;
--bulma-hair-rgb: 53 158 107;
--bulma-hair-oklch: oklch(0.626 0.124 158.3);
}
.element {
color: var(--bulma-hair);
background-color: hsl(151 50% 41%);
border-color: oklch(0.626 0.124 158.3);
}Tailwind CSS v4
@theme {
--color-bulma-hair: #359e6b;
--color-bulma-hair-50: #d8ffe9;
--color-bulma-hair-100: #c5f5da;
--color-bulma-hair-200: #a6e5c2;
--color-bulma-hair-300: #7ccba2;
--color-bulma-hair-400: #56b483;
--color-bulma-hair-500: #1e9e66;
--color-bulma-hair-600: #1e8657;
--color-bulma-hair-700: #196b45;
--color-bulma-hair-800: #134f30;
--color-bulma-hair-900: #0c3720;
--color-bulma-hair-950: #002210;
}SCSS
$bulma-hair: #359e6b;
$bulma-hair-rgb: 53, 158, 107;
$bulma-hair-light: mix(#fff, $bulma-hair, 20%);
$bulma-hair-dark: mix(#000, $bulma-hair, 20%);
.element {
color: $bulma-hair;
box-shadow: 0 0 0 2px rgba($bulma-hair, 0.35);
}