#778BAE#778BAE

#778BAE لون فاتح وخافت من عائلة أزرق. الإضاءة النسبية 0.254؛ OKLCH L 63.4% C 0.058 H 261.5°. أفضل لون لنص المتن هو #000000 بتباين 6.09:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#778BAE
RGBrgb(119, 139, 174)
HSLhsl(218, 25%, 57%)
HSVhsv(218, 32%, 68%)
CMYKcmyk(31.6%, 20.1%, 0%, 31.8%)
CIE-LABlab(57.50, 1.29, -20.75)
CIE-LCHlch(57.50, 20.79, 273.55°)
OKLaboklab(63.39% -0.0085 -0.0571)
OKLCHoklch(63.39% 0.058 261.5)
XYZxyz(24.4781, 25.4422, 43.6573)
Luminance0.2544 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#778BAE #AE9A77
analogous
#77A7AE #778BAE #7E77AE
triadic
#778BAE #AE778B #8BAE77
tetradic
#778BAE #AE77A7 #AE9A77 #77AE7E
square
#778BAE #AE77A7 #AE9A77 #77AE7E
split-complementary
#778BAE #AE7E77 #A7AE77
monochromatic
#404F6B #576C91 #778BAE #9DACC5 #C4CCDC

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

On white

3.45
#778BAE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.09
#778BAE on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##778BAE#FFFFFF#000000##000000
##778BAE1.003.456.096.09
#FFFFFF3.451.0021.0021.00
#0000006.0921.001.001.00
##0000006.0921.001.001.00

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

Protanopia (red-blind)
#7F8DB0
Deuteranopia (green-blind)
#7A88AD
Tritanopia (blue-blind)
#679297
Achromatopsia (no color)
#8A8A8A

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

CSS
--color: #778bae;
/* rgb */ color: rgb(119, 139, 174);
/* oklch */ color: oklch(63.4% 0.058 261.5);
Tailwind
colors: {
  custom: {
    50: '#9facc6',
    500: '#778bae',
    950: '#000000',
  },
}
SCSS
$custom: #778bae;
$custom-light: #9facc6;
$custom-dark: #000000;
JSON
{
  "hex": "#778bae",
  "rgb": {
    "r": 119,
    "g": 139,
    "b": 174
  },
  "hsl": {
    "h": 218.182,
    "s": 25.346,
    "l": 57.451
  },
  "oklch": {
    "l": 0.63394,
    "c": 0.05778,
    "h": 261.5
  },
  "luminance": 0.25443
}

Semantic roles & 50–950 ramp

primary
#778BAE
secondary
#CCC3B5
accent
#A066C2
background
#F9FAFC
surface
#F2F4F8
border
#CCCED1
text
#0F1013
muted
#7E7F82

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

معاينة مع #778BAE

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

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

#778BAE — Tintiva