#677690#677690

#677690 لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.179؛ OKLCH L 56.3% C 0.044 H 261.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.59:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#677690
RGBrgb(103, 118, 144)
HSLhsl(218, 17%, 48%)
HSVhsv(218, 28%, 56%)
CMYKcmyk(28.5%, 18.1%, 0%, 43.5%)
CIE-LABlab(49.32, 0.75, -15.95)
CIE-LCHlch(49.32, 15.97, 272.68°)
OKLaboklab(56.32% -0.0066 -0.0438)
OKLCHoklch(56.32% 0.044 261.4)
XYZxyz(17.1046, 17.8535, 28.9250)
Luminance0.1785 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#677690 #908167
analogous
#678A90 #677690 #6C6790
triadic
#677690 #906776 #769067
tetradic
#677690 #90678A #908167 #67906C
square
#677690 #90678A #908167 #67906C
split-complementary
#677690 #906C67 #8A9067
monochromatic
#343C49 #4D596C #677690 #8996AB #ADB6C4

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

On white

4.59
#677690 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.57
#677690 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #677690
4.59:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##677690#FFFFFF#000000##FFFFFF
##6776901.004.594.574.59
#FFFFFF4.591.0021.001.00
#0000004.5721.001.0021.00
##FFFFFF4.591.0021.001.00

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

Protanopia (red-blind)
#6D7791
Deuteranopia (green-blind)
#69748F
Tritanopia (blue-blind)
#5C7B7F
Achromatopsia (no color)
#757575

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

CSS
--color: #677690;
/* rgb */ color: rgb(103, 118, 144);
/* oklch */ color: oklch(56.3% 0.044 261.4);
Tailwind
colors: {
  custom: {
    50: '#939db0',
    500: '#677690',
    950: '#000000',
  },
}
SCSS
$custom: #677690;
$custom-light: #939db0;
$custom-dark: #000000;
JSON
{
  "hex": "#677690",
  "rgb": {
    "r": 103,
    "g": 118,
    "b": 144
  },
  "hsl": {
    "h": 218.049,
    "s": 16.599,
    "l": 48.431
  },
  "oklch": {
    "l": 0.56322,
    "c": 0.04426,
    "h": 261.4
  },
  "luminance": 0.17854
}

Semantic roles & 50–950 ramp

primary
#677690
secondary
#B3AC9F
accent
#9E6EB9
background
#F9F9FA
surface
#F1F2F4
border
#CBCCCE
text
#0D0E10
muted
#7E7E7F

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

معاينة مع #677690

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

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

#677690 — Tintiva