#778BC5#778BC5

#778BC5 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.264؛ OKLCH L 64.4% C 0.090 H 269.2°. أفضل لون لنص المتن هو #000000 بتباين 6.28:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#778BC5
RGBrgb(119, 139, 197)
HSLhsl(225, 40%, 62%)
HSVhsv(225, 40%, 77%)
CMYKcmyk(39.6%, 29.4%, 0%, 22.7%)
CIE-LABlab(58.43, 7.52, -32.38)
CIE-LCHlch(58.43, 33.24, 283.07°)
OKLaboklab(64.42% -0.0013 -0.0903)
OKLCHoklch(64.42% 0.09 269.2)
XYZxyz(26.9153, 26.4171, 56.4933)
Luminance0.2642 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#778BC5 #C5B177
analogous
#77B2C5 #778BC5 #8A77C5
triadic
#778BC5 #C5778B #8BC577
tetradic
#778BC5 #C577B2 #C5B177 #77C58A
square
#778BC5 #C577B2 #C5B177 #77C58A
split-complementary
#778BC5 #C58A77 #B2C577
monochromatic
#3A4E88 #4C66B3 #778BC5 #A2B0D7 #CDD4EA

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

On white

3.34
#778BC5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.28
#778BC5 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #778BC5
6.28:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##778BC5#FFFFFF#000000##000000
##778BC51.003.346.286.28
#FFFFFF3.341.0021.0021.00
#0000006.2821.001.001.00
##0000006.2821.001.001.00

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

Protanopia (red-blind)
#7790C7
Deuteranopia (green-blind)
#7089C4
Tritanopia (blue-blind)
#5E979F
Achromatopsia (no color)
#8C8C8C

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

CSS
--color: #778bc5;
/* rgb */ color: rgb(119, 139, 197);
/* oklch */ color: oklch(64.4% 0.090 269.2);
Tailwind
colors: {
  custom: {
    50: '#a1acd6',
    500: '#778bc5',
    950: '#000000',
  },
}
SCSS
$custom: #778bc5;
$custom-light: #a1acd6;
$custom-dark: #000000;
JSON
{
  "hex": "#778bc5",
  "rgb": {
    "r": 119,
    "g": 139,
    "b": 197
  },
  "hsl": {
    "h": 224.615,
    "s": 40.206,
    "l": 61.961
  },
  "oklch": {
    "l": 0.64423,
    "c": 0.09036,
    "h": 269.2
  },
  "luminance": 0.26418
}

Semantic roles & 50–950 ramp

primary
#778BC5
secondary
#DAD3BE
accent
#9232B3
background
#FAFAFD
surface
#F4F4FA
border
#CECED3
text
#0F1014
muted
#7F7F83

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

معاينة مع #778BC5

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

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

#778BC5 — Tintiva