#6887D2#6887D2

#6887D2 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.249؛ OKLCH L 63.3% C 0.119 H 266.1°. أفضل لون لنص المتن هو #000000 بتباين 5.98:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#6887D2
RGBrgb(104, 135, 210)
HSLhsl(222, 54%, 62%)
HSVhsv(222, 50%, 82%)
CMYKcmyk(50.5%, 35.7%, 0%, 17.6%)
CIE-LABlab(57.00, 9.93, -42.02)
CIE-LCHlch(57.00, 43.18, 283.29°)
OKLaboklab(63.27% -0.0081 -0.1185)
OKLCHoklch(63.27% 0.119 266.1)
XYZxyz(26.0019, 24.9224, 64.4006)
Luminance0.2492 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#6887D2 #D2B368
analogous
#68BCD2 #6887D2 #7E68D2
triadic
#6887D2 #D26887 #87D268
tetradic
#6887D2 #D268BC #D2B368 #68D27E
square
#6887D2 #D268BC #D2B368 #68D27E
split-complementary
#6887D2 #D27E68 #BCD268
monochromatic
#2C4A94 #3A62C3 #6887D2 #97ACE0 #C6D2EE

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

On white

3.51
#6887D2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.98
#6887D2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #6887D2
5.98:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##6887D2#FFFFFF#000000##000000
##6887D21.003.515.985.98
#FFFFFF3.511.0021.0021.00
#0000005.9821.001.001.00
##0000005.9821.001.001.00

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

Protanopia (red-blind)
#6A8ED5
Deuteranopia (green-blind)
#5E84D0
Tritanopia (blue-blind)
#3897A3
Achromatopsia (no color)
#898989

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

CSS
--color: #6887d2;
/* rgb */ color: rgb(104, 135, 210);
/* oklch */ color: oklch(63.3% 0.119 266.1);
Tailwind
colors: {
  custom: {
    50: '#99a9e0',
    500: '#6887d2',
    950: '#000000',
  },
}
SCSS
$custom: #6887d2;
$custom-light: #99a9e0;
$custom-dark: #000000;
JSON
{
  "hex": "#6887d2",
  "rgb": {
    "r": 104,
    "g": 135,
    "b": 210
  },
  "hsl": {
    "h": 222.453,
    "s": 54.082,
    "l": 61.569
  },
  "oklch": {
    "l": 0.63265,
    "c": 0.11883,
    "h": 266.1
  },
  "luminance": 0.24924
}

Semantic roles & 50–950 ramp

primary
#6887D2
secondary
#DFD3B7
accent
#9324C2
background
#F9FAFD
surface
#F2F4FB
border
#CCCED4
text
#0E0F15
muted
#7E7F83

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

معاينة مع #6887D2

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

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

#6887D2 — Tintiva