لون مسمّى · #8BA7BB
Notable Hue
Notable Hue هو #8BA7BB: rgb(139 167 187)، hsl(205 26% 64%)، oklch(0.714 0.043 239.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Notable Hue color name →
#8BA7BB
oklch(0.714 0.043 239.3)
تحويلات الألوان
- HEX
- #8ba7bb
- RGB
- rgb(139 167 187)
- HSL
- hsl(205 26% 64%)
- HWB
- hwb(205 55% 27%)
- OKLCH
- oklch(0.714 0.043 239.3)
- OKLab
- oklab(0.714 -0.022 -0.037)
- CIE Lab
- lab(66.87 -6.57 -13.71)
- LCH
- lch(66.87 15.2 244.4)
- CMYK
- cmyk(26% 11% 0% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 96B0C2
- A2B8C8
- ADC1CF
- B8CAD6
- C4D2DD
- D0DBE4
- DBE4EA
- E7EDF1
- F3F6F8
درجات داكنة
- 7891A2
- 667B8A
- 546673
- 43525C
- 323E46
- 232C32
- 141A1F
- 070A0D
- 010102
درجات رمادية
- 8AA3B5
- 899FAF
- 889BA9
- 8797A3
- 86939D
- 858F97
- 848C91
- 82888C
- 818486
تناسق الألوان
متمم +180°
- 8BA7BB
Notable Hue
- B89D89
≈ Rogue Cowboy
متجاور -30° +30°
- 8BA7BB
Notable Hue
- 84ABB1
≈ Stormy Waters
- 98A2BE
≈ House of Owen
ثلاثي +120° +240°
- 8BA7BB
Notable Hue
- BA98A2
≈ Playful Plum
- 9FA789
≈ Glade
متمم منقسم +150° +210°
- 8BA7BB
Notable Hue
- BC9993
≈ Lilac Suede
- ADA285
≈ Northgate Green
رباعي +90° +180° +270°
- 8BA7BB
Notable Hue
- B29AB0
≈ Veiled Violet
- B89D89
≈ Rogue Cowboy
- 91AB95
≈ Natural Harmony
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.51:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.34:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--notable-hue: #8ba7bb;
--notable-hue-rgb: 139 167 187;
--notable-hue-oklch: oklch(0.714 0.043 239.3);
}
.element {
color: var(--notable-hue);
background-color: hsl(205 26% 64%);
border-color: oklch(0.714 0.043 239.3);
}Tailwind CSS v4
@theme {
--color-notable-hue: #8ba7bb;
--color-notable-hue-50: #ebf7ff;
--color-notable-hue-100: #dceaf5;
--color-notable-hue-200: #c5d7e5;
--color-notable-hue-300: #a5bbcc;
--color-notable-hue-400: #88a2b5;
--color-notable-hue-500: #6c8ba0;
--color-notable-hue-600: #5c7587;
--color-notable-hue-700: #495e6c;
--color-notable-hue-800: #354550;
--color-notable-hue-900: #243037;
--color-notable-hue-950: #131c22;
}SCSS
$notable-hue: #8ba7bb;
$notable-hue-rgb: 139, 167, 187;
$notable-hue-light: mix(#fff, $notable-hue, 20%);
$notable-hue-dark: mix(#000, $notable-hue, 20%);
.element {
color: $notable-hue;
box-shadow: 0 0 0 2px rgba($notable-hue, 0.35);
}