#678BA2#678BA2

#678BA2 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.240؛ OKLCH L 61.8% C 0.053 H 236.8°. أفضل لون لنص المتن هو #000000 بتباين 5.79:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#678BA2
RGBrgb(103, 139, 162)
HSLhsl(203, 24%, 52%)
HSVhsv(203, 36%, 64%)
CMYKcmyk(36.4%, 14.2%, 0%, 36.5%)
CIE-LABlab(56.04, -6.61, -16.19)
CIE-LCHlch(56.04, 17.49, 247.78°)
OKLaboklab(61.83% -0.0292 -0.0445)
OKLCHoklch(61.83% 0.053 236.8)
XYZxyz(21.3456, 23.9563, 37.6747)
Luminance0.2396 (WCAG relative)
Temperaturecool
Familycyan

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#678BA2 #A27E67
analogous
#67A29C #678BA2 #676EA2
triadic
#678BA2 #A2678B #8BA267
tetradic
#678BA2 #9C67A2 #A27E67 #6EA267
square
#678BA2 #9C67A2 #A27E67 #6EA267
split-complementary
#678BA2 #A2676E #A29C67
monochromatic
#364B58 #4D6B7E #678BA2 #8DA8B9 #B3C5D0

إمكانية الوصول والتباين

On white

3.63
#678BA2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.79
#678BA2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #678BA2
5.79:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##678BA2#FFFFFF#000000##000000
##678BA21.003.635.795.79
#FFFFFF3.631.0021.0021.00
#0000005.7921.001.001.00
##0000005.7921.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#818AA3
Deuteranopia (green-blind)
#7983A2
Tritanopia (blue-blind)
#539192
Achromatopsia (no color)
#868686

وسوم التصميم والكود

CSS
--color: #678ba2;
/* rgb */ color: rgb(103, 139, 162);
/* oklch */ color: oklch(61.8% 0.053 236.8);
Tailwind
colors: {
  custom: {
    50: '#94acbd',
    500: '#678ba2',
    950: '#000000',
  },
}
SCSS
$custom: #678ba2;
$custom-light: #94acbd;
$custom-dark: #000000;
JSON
{
  "hex": "#678ba2",
  "rgb": {
    "r": 103,
    "g": 139,
    "b": 162
  },
  "hsl": {
    "h": 203.39,
    "s": 24.082,
    "l": 51.961
  },
  "oklch": {
    "l": 0.61835,
    "c": 0.05324,
    "h": 236.8
  },
  "luminance": 0.23957
}

Semantic roles & 50–950 ramp

primary
#678BA2
secondary
#BFB0A5
accent
#8A67C1
background
#F9FAFB
surface
#F2F4F6
border
#CCCED0
text
#0D1012
muted
#7E7F81

مختبر المعاينة

معاينة مع #678BA2

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#678BA2 — Tintiva