#6784FC#6784FC

#6784FC لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.264؛ OKLCH L 65.1% C 0.180 H 270.5°. أفضل لون لنص المتن هو #000000 بتباين 6.28:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#6784FC
RGBrgb(103, 132, 252)
HSLhsl(228, 96%, 70%)
HSVhsv(228, 59%, 99%)
CMYKcmyk(59.1%, 47.6%, 0%, 1.2%)
CIE-LABlab(58.43, 24.88, -63.14)
CIE-LCHlch(58.43, 67.86, 291.51°)
OKLaboklab(65.08% 0.0015 -0.1805)
OKLCHoklch(65.08% 0.18 270.5)
XYZxyz(31.4096, 26.4118, 95.5194)
Luminance0.2641 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#6784FC #FCDF67
analogous
#67CFFC #6784FC #9567FC
triadic
#6784FC #FC6784 #84FC67
tetradic
#6784FC #FC67CF #FCDF67 #67FC95
square
#6784FC #FC67CF #FCDF67 #67FC95
split-complementary
#6784FC #FC9567 #CFFC67
monochromatic
#0530E4 #2B53FB #6784FC #A3B5FD #DFE5FE

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

On white

3.34
#6784FC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.28
#6784FC on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##6784FC#FFFFFF#000000##000000
##6784FC1.003.346.286.28
#FFFFFF3.341.0021.0021.00
#0000006.2821.001.001.00
##0000006.2821.001.001.00

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

Protanopia (red-blind)
#4893FF
Deuteranopia (green-blind)
#2D86F9
Tritanopia (blue-blind)
#009FB4
Achromatopsia (no color)
#8C8C8C

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

CSS
--color: #6784fc;
/* rgb */ color: rgb(103, 132, 252);
/* oklch */ color: oklch(65.1% 0.180 270.5);
Tailwind
colors: {
  custom: {
    50: '#9ea7fe',
    500: '#6784fc',
    950: '#000000',
  },
}
SCSS
$custom: #6784fc;
$custom-light: #9ea7fe;
$custom-dark: #000000;
JSON
{
  "hex": "#6784fc",
  "rgb": {
    "r": 103,
    "g": 132,
    "b": 252
  },
  "hsl": {
    "h": 228.322,
    "s": 96.129,
    "l": 69.608
  },
  "oklch": {
    "l": 0.65081,
    "c": 0.18048,
    "h": 270.5
  },
  "luminance": 0.26414
}

Semantic roles & 50–950 ramp

primary
#6784FC
secondary
#F5ECCA
accent
#B900E6
background
#FAFAFF
surface
#F4F4FF
border
#CECED7
text
#100F18
muted
#7F7F86

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

معاينة مع #6784FC

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

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

#6784FC — Tintiva