لون مسمّى · #24549A
Blue Sail
Blue Sail هو #24549A: rgb(36 84 154)، hsl(216 62% 37%)، oklch(0.452 0.126 258.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Blue Sail color name →
#24549A
oklch(0.452 0.126 258.1)
تحويلات الألوان
- HEX
- #24549a
- RGB
- rgb(36 84 154)
- HSL
- hsl(216 62% 37%)
- HWB
- hwb(216 14% 40%)
- OKLCH
- oklch(0.452 0.126 258.1)
- OKLab
- oklab(0.452 -0.026 -0.123)
- CIE Lab
- lab(35.41 3.56 -43.8)
- LCH
- lch(35.41 43.94 274.6)
- CMYK
- cmyk(77% 45% 0% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3A65A5
- 4F76AF
- 6486BA
- 7997C4
- 8EA8CE
- A4B9D8
- BACAE2
- D1DCEC
- E8EDF6
درجات داكنة
- 1E4885
- 183C71
- 12315E
- 0C264B
- 071B39
- 041127
- 020817
- 000209
- 000001
درجات رمادية
- 2F5998
- 385E96
- 426394
- 4B6791
- 546C8F
- 5D708C
- 66748A
- 6E7887
- 777C83
تناسق الألوان
متمم +180°
- 24549A
Blue Sail
- 724E00
≈ Lucky Brown
متجاور -30° +30°
- 24549A
Blue Sail
- 005E7C
≈ Blue Edge
- 544796
≈ Liberty
ثلاثي +120° +240°
- 24549A
Blue Sail
- 8E313A
≈ Sehnsucht Red
- 2D6514
≈ Keen Green
متمم منقسم +150° +210°
- 24549A
Blue Sail
- 8A3B00
≈ Espresso Martini
- 5B5900
≈ Greensboro
رباعي +90° +180° +270°
- 24549A
Blue Sail
- 853362
≈ Boysenberry
- 724E00
≈ Lucky Brown
- 00664C
≈ Green Paw Paw
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.47:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.80:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blue-sail: #24549a;
--blue-sail-rgb: 36 84 154;
--blue-sail-oklch: oklch(0.452 0.126 258.1);
}
.element {
color: var(--blue-sail);
background-color: hsl(216 62% 37%);
border-color: oklch(0.452 0.126 258.1);
}Tailwind CSS v4
@theme {
--color-blue-sail: #24549a;
--color-blue-sail-50: #e1f7ff;
--color-blue-sail-100: #d0e9ff;
--color-blue-sail-200: #b5d6ff;
--color-blue-sail-300: #92b8f8;
--color-blue-sail-400: #6fa0e8;
--color-blue-sail-500: #4e86d8;
--color-blue-sail-600: #4371b6;
--color-blue-sail-700: #355b92;
--color-blue-sail-800: #23436d;
--color-blue-sail-900: #172e4d;
--color-blue-sail-950: #081b33;
}SCSS
$blue-sail: #24549a;
$blue-sail-rgb: 36, 84, 154;
$blue-sail-light: mix(#fff, $blue-sail, 20%);
$blue-sail-dark: mix(#000, $blue-sail, 20%);
.element {
color: $blue-sail;
box-shadow: 0 0 0 2px rgba($blue-sail, 0.35);
}