#677A8A#677A8A

#677A8A لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.186؛ OKLCH L 57.0% C 0.033 H 243.8°. أفضل لون لنص المتن هو #000000 بتباين 4.73:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#677A8A
RGBrgb(103, 122, 138)
HSLhsl(207, 15%, 47%)
HSVhsv(207, 25%, 54%)
CMYKcmyk(25.4%, 11.6%, 0%, 45.9%)
CIE-LABlab(50.26, -3.12, -11.00)
CIE-LCHlch(50.26, 11.43, 254.15°)
OKLaboklab(56.99% -0.0148 -0.03)
OKLCHoklch(56.99% 0.033 243.8)
XYZxyz(17.1392, 18.6370, 26.7341)
Luminance0.1864 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#677A8A #8A7767
analogous
#678A89 #677A8A #67688A
triadic
#677A8A #8A677A #7A8A67
tetradic
#677A8A #89678A #8A7767 #688A67
square
#677A8A #89678A #8A7767 #688A67
split-complementary
#677A8A #8A6768 #8A8967
monochromatic
#333C44 #4D5B67 #677A8A #8898A6 #ABB7C0

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

On white

4.44
#677A8A on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.73
#677A8A on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #677A8A
4.73:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##677A8A#FFFFFF#000000##000000
##677A8A1.004.444.734.73
#FFFFFF4.441.0021.0021.00
#0000004.7321.001.001.00
##0000004.7321.001.001.00

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

Protanopia (red-blind)
#747A8B
Deuteranopia (green-blind)
#6F768A
Tritanopia (blue-blind)
#5D7E7F
Achromatopsia (no color)
#787878

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

CSS
--color: #677a8a;
/* rgb */ color: rgb(103, 122, 138);
/* oklch */ color: oklch(57.0% 0.033 243.8);
Tailwind
colors: {
  custom: {
    50: '#93a0ac',
    500: '#677a8a',
    950: '#000000',
  },
}
SCSS
$custom: #677a8a;
$custom-light: #93a0ac;
$custom-dark: #000000;
JSON
{
  "hex": "#677a8a",
  "rgb": {
    "r": 103,
    "g": 122,
    "b": 138
  },
  "hsl": {
    "h": 207.429,
    "s": 14.523,
    "l": 47.255
  },
  "oklch": {
    "l": 0.56991,
    "c": 0.03341,
    "h": 243.8
  },
  "luminance": 0.18638
}

Semantic roles & 50–950 ramp

primary
#677A8A
secondary
#AFA69D
accent
#9170B7
background
#F9F9FA
surface
#F1F2F4
border
#CBCCCE
text
#0D0E10
muted
#7E7E7F

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

معاينة مع #677A8A

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

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

#677A8A — Tintiva