لون مسمّى · #4F5F7E
Sapphire Earbobs
Sapphire Earbobs هو #4F5F7E: rgb(79 95 126)، hsl(220 23% 40%)، oklch(0.485 0.054 263.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Sapphire Earbobs color name →
#4F5F7E
oklch(0.485 0.054 263.3)
تحويلات الألوان
- HEX
- #4f5f7e
- RGB
- rgb(79 95 126)
- HSL
- hsl(220 23% 40%)
- HWB
- hwb(220 31% 51%)
- OKLCH
- oklch(0.485 0.054 263.3)
- OKLab
- oklab(0.485 -0.006 -0.054)
- CIE Lab
- lab(39.93 -0.04 -19.62)
- LCH
- lch(39.93 19.62 269.9)
- CMYK
- cmyk(37% 25% 0% 51%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5F6E8A
- 6F7D97
- 808CA4
- 919CB0
- A3ACBD
- B5BCCA
- C7CCD7
- D9DDE4
- ECEEF2
درجات داكنة
- 44526D
- 38445C
- 2E384C
- 232C3C
- 19202D
- 10151F
- 070A11
- 020305
- 000001
درجات رمادية
- 54627E
- 59667F
- 5D697F
- 626C7F
- 677080
- 6C7380
- 717680
- 767980
- 7B7D80
تناسق الألوان
متمم +180°
- 4F5F7E
Sapphire Earbobs
- 6E5C3B
≈ Uniform Brown
متجاور -30° +30°
- 4F5F7E
Sapphire Earbobs
- 3F6479
≈ Mallard Blue
- 60597B
≈ Taylor
ثلاثي +120° +240°
- 4F5F7E
Sapphire Earbobs
- 7B5350
≈ Cranberry Red
- 4D674B
≈ Green Perennial
متمم منقسم +150° +210°
- 4F5F7E
Sapphire Earbobs
- 785742
≈ Wild Bill Brown
- 5F623E
≈ Wood’s Creek
رباعي +90° +180° +270°
- 4F5F7E
Sapphire Earbobs
- 785261
≈ Passive Royal
- 6E5C3B
≈ Uniform Brown
- 3D695C
≈ Dignified
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.42:1 · APCA Lc 82
Ag
Failعلى الأسود
WCAG 3.27:1 · APCA Lc 20
أفضل لون للنص: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sapphire-earbobs: #4f5f7e;
--sapphire-earbobs-rgb: 79 95 126;
--sapphire-earbobs-oklch: oklch(0.485 0.054 263.3);
}
.element {
color: var(--sapphire-earbobs);
background-color: hsl(220 23% 40%);
border-color: oklch(0.485 0.054 263.3);
}Tailwind CSS v4
@theme {
--color-sapphire-earbobs: #4f5f7e;
--color-sapphire-earbobs-50: #eef5ff;
--color-sapphire-earbobs-100: #dfe8fb;
--color-sapphire-earbobs-200: #c9d4ec;
--color-sapphire-earbobs-300: #aab8d4;
--color-sapphire-earbobs-400: #8e9fbf;
--color-sapphire-earbobs-500: #7486ab;
--color-sapphire-earbobs-600: #627290;
--color-sapphire-earbobs-700: #4e5b74;
--color-sapphire-earbobs-800: #384355;
--color-sapphire-earbobs-900: #262e3c;
--color-sapphire-earbobs-950: #151b25;
}SCSS
$sapphire-earbobs: #4f5f7e;
$sapphire-earbobs-rgb: 79, 95, 126;
$sapphire-earbobs-light: mix(#fff, $sapphire-earbobs, 20%);
$sapphire-earbobs-dark: mix(#000, $sapphire-earbobs, 20%);
.element {
color: $sapphire-earbobs;
box-shadow: 0 0 0 2px rgba($sapphire-earbobs, 0.35);
}