لون مسمّى · #1D4E8F
Sweat Bee
Sweat Bee هو #1D4E8F: rgb(29 78 143)، hsl(214 66% 34%)، oklch(0.428 0.12 256.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Sweat Bee color name →
#1D4E8F
oklch(0.428 0.12 256.8)
تحويلات الألوان
- HEX
- #1d4e8f
- RGB
- rgb(29 78 143)
- HSL
- hsl(214 66% 34%)
- HWB
- hwb(214 11% 44%)
- OKLCH
- oklch(0.428 0.12 256.8)
- OKLab
- oklab(0.428 -0.027 -0.117)
- CIE Lab
- lab(32.7 2.56 -41.5)
- LCH
- lch(32.7 41.58 273.5)
- CMYK
- cmyk(80% 45% 0% 44%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 345F9B
- 4A70A6
- 5F82B2
- 7593BD
- 8BA5C8
- A1B6D3
- B8C8DE
- CFDAE9
- E7EDF4
درجات داكنة
- 18437C
- 133869
- 0E2D57
- 092345
- 051934
- 030F24
- 010715
- 000207
- 000001
درجات رمادية
- 29548E
- 33598D
- 3E5E8C
- 47648B
- 51698A
- 5A6D88
- 647286
- 6D7784
- 777B82
تناسق الألوان
متمم +180°
- 1D4E8F
Sweat Bee
- 6A4700
≈ Violin Brown
متجاور -30° +30°
- 1D4E8F
Sweat Bee
- 005772
≈ Subaqueous
- 4C418C
≈ Nauseous Blue
ثلاثي +120° +240°
- 1D4E8F
Sweat Bee
- 842D37
≈ Shiraz
- 2C5D0E
≈ Bright Nori
متمم منقسم +150° +210°
- 1D4E8F
Sweat Bee
- 813500
≈ Red Beech
- 555200
≈ Douro
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.27:1 · APCA Lc 88
Ag
Failعلى الأسود
WCAG 2.53:1 · APCA Lc 14
أفضل لون للنص: #FFFFFF
WCAG 8.27:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sweat-bee: #1d4e8f;
--sweat-bee-rgb: 29 78 143;
--sweat-bee-oklch: oklch(0.428 0.12 256.8);
}
.element {
color: var(--sweat-bee);
background-color: hsl(214 66% 34%);
border-color: oklch(0.428 0.12 256.8);
}Tailwind CSS v4
@theme {
--color-sweat-bee: #1d4e8f;
--color-sweat-bee-50: #e1f7ff;
--color-sweat-bee-100: #d0eaff;
--color-sweat-bee-200: #b6d6ff;
--color-sweat-bee-300: #92b9f5;
--color-sweat-bee-400: #6fa0e4;
--color-sweat-bee-500: #4f87d4;
--color-sweat-bee-600: #4372b3;
--color-sweat-bee-700: #365b90;
--color-sweat-bee-800: #24436b;
--color-sweat-bee-900: #182f4b;
--color-sweat-bee-950: #081b32;
}SCSS
$sweat-bee: #1d4e8f;
$sweat-bee-rgb: 29, 78, 143;
$sweat-bee-light: mix(#fff, $sweat-bee, 20%);
$sweat-bee-dark: mix(#000, $sweat-bee, 20%);
.element {
color: $sweat-bee;
box-shadow: 0 0 0 2px rgba($sweat-bee, 0.35);
}