أقرب لون مسمّى · #1A7BBE
#1A7BBE
أقرب لون مسمّى: Star of Life
#1A7BBE (rgb(26 123 190)، hsl(205 76% 42%)، oklch(0.564 0.133 245.4)) أقرب إلى اللون المسمّى Star of Life. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#1A7BBE
oklch(0.564 0.133 245.4)
تحويلات الألوان
- HEX
- #1a7bbe
- RGB
- rgb(26 123 190)
- HSL
- hsl(205 76% 42%)
- HWB
- hwb(205 10% 25%)
- OKLCH
- oklch(0.564 0.133 245.4)
- OKLab
- oklab(0.564 -0.055 -0.121)
- CIE Lab
- lab(48.95 -8.4 -43.43)
- LCH
- lch(48.95 44.23 259.1)
- CMYK
- cmyk(86% 35% 0% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3B88C5
- 5396CC
- 6AA3D3
- 80B0DA
- 95BDE0
- AACAE7
- BFD7ED
- D4E5F3
- EAF2F9
درجات داكنة
- 156AA5
- 105A8C
- 0C4A75
- 073A5E
- 042C48
- 021E33
- 01101F
- 00050D
- 000102
درجات رمادية
- 2D7CB8
- 3B7DB2
- 467EAC
- 507FA6
- 597FA0
- 62809A
- 6A8094
- 71808D
- 798087
تناسق الألوان
متمم +180°
- 1A7BBE
Star of Life
- A76300
≈ Butter Fudge
متجاور -30° +30°
- 1A7BBE
Star of Life
- 00849A
≈ Cruising
- 606CC3
≈ Bluish Purple Anemone
ثلاثي +120° +240°
- 1A7BBE
Star of Life
- B44F6A
≈ Extravagant Blush
- 638217
≈ Jungle Vibes
متمم منقسم +150° +210°
- 1A7BBE
Star of Life
- B6543B
≈ Hot Chilli
- 8B7400
≈ Vermin Brown
رباعي +90° +180° +270°
- 1A7BBE
Star of Life
- A45494
≈ Purple Zergling
- A76300
≈ Butter Fudge
- 128C52
≈ Iceland Green
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.54:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.62:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--star-of-life: #1a7bbe;
--star-of-life-rgb: 26 123 190;
--star-of-life-oklch: oklch(0.564 0.133 245.4);
}
.element {
color: var(--star-of-life);
background-color: hsl(205 76% 42%);
border-color: oklch(0.564 0.133 245.4);
}Tailwind CSS v4
@theme {
--color-star-of-life: #1a7bbe;
--color-star-of-life-50: #d8faff;
--color-star-of-life-100: #c5edff;
--color-star-of-life-200: #a6daff;
--color-star-of-life-300: #7ebef8;
--color-star-of-life-400: #53a5e8;
--color-star-of-life-500: #1f8cd8;
--color-star-of-life-600: #1e77b6;
--color-star-of-life-700: #185f92;
--color-star-of-life-800: #0a466c;
--color-star-of-life-900: #07314c;
--color-star-of-life-950: #001d33;
}SCSS
$star-of-life: #1a7bbe;
$star-of-life-rgb: 26, 123, 190;
$star-of-life-light: mix(#fff, $star-of-life, 20%);
$star-of-life-dark: mix(#000, $star-of-life, 20%);
.element {
color: $star-of-life;
box-shadow: 0 0 0 2px rgba($star-of-life, 0.35);
}