#686DFD#686DFD

#686DFD لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.210؛ OKLCH L 61.0% C 0.210 H 276.7°. أفضل لون لنص المتن هو #000000 بتباين 5.19:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#686DFD
RGBrgb(104, 109, 253)
HSLhsl(238, 97%, 70%)
HSVhsv(238, 59%, 99%)
CMYKcmyk(58.9%, 56.9%, 0%, 0.8%)
CIE-LABlab(52.92, 39.17, -72.58)
CIE-LCHlch(52.92, 82.47, 298.36°)
OKLaboklab(60.98% 0.0245 -0.2085)
OKLCHoklch(60.98% 0.21 276.7)
XYZxyz(28.9015, 20.9700, 95.4341)
Luminance0.2097 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#686DFD #FDF868
analogous
#68B7FD #686DFD #AE68FD
triadic
#686DFD #FD686D #6DFD68
tetradic
#686DFD #FD68B7 #FDF868 #68FDAE
square
#686DFD #FD68B7 #FDF868 #68FDAE
split-complementary
#686DFD #FDAE68 #B7FD68
monochromatic
#030BE8 #2C33FC #686DFD #A4A7FE #E1E2FF

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

On white

4.04
#686DFD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.19
#686DFD on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #686DFD
5.19:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##686DFD#FFFFFF#000000##000000
##686DFD1.004.045.195.19
#FFFFFF4.041.0021.0021.00
#0000005.1921.001.001.00
##0000005.1921.001.001.00

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

Protanopia (red-blind)
#0085FF
Deuteranopia (green-blind)
#0078FA
Tritanopia (blue-blind)
#008FAB
Achromatopsia (no color)
#7E7E7E

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

CSS
--color: #686dfd;
/* rgb */ color: rgb(104, 109, 253);
/* oklch */ color: oklch(61.0% 0.210 276.7);
Tailwind
colors: {
  custom: {
    50: '#a097ff',
    500: '#686dfd',
    950: '#000000',
  },
}
SCSS
$custom: #686dfd;
$custom-light: #a097ff;
$custom-dark: #000000;
JSON
{
  "hex": "#686dfd",
  "rgb": {
    "r": 104,
    "g": 109,
    "b": 253
  },
  "hsl": {
    "h": 237.987,
    "s": 97.386,
    "l": 70
  },
  "oklch": {
    "l": 0.60979,
    "c": 0.20989,
    "h": 276.7
  },
  "luminance": 0.20972
}

Semantic roles & 50–950 ramp

primary
#686DFD
secondary
#F5F4CC
accent
#DE00E6
background
#FAF9FF
surface
#F4F2FF
border
#CECCD7
text
#100D18
muted
#7F7E86

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

معاينة مع #686DFD

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

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

#686DFD — Tintiva