#7E86E2#7E86E2

#7E86E2 لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.270؛ OKLCH L 65.4% C 0.136 H 278.2°. أفضل لون لنص المتن هو #000000 بتباين 6.40:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7E86E2
RGBrgb(126, 134, 226)
HSLhsl(235, 63%, 69%)
HSVhsv(235, 44%, 89%)
CMYKcmyk(44.2%, 40.7%, 0%, 11.4%)
CIE-LABlab(58.95, 20.56, -47.81)
CIE-LCHlch(58.95, 52.04, 293.27°)
OKLaboklab(65.39% 0.0193 -0.135)
OKLCHoklch(65.39% 0.136 278.2)
XYZxyz(30.8526, 26.9753, 75.5178)
Luminance0.2698 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7E86E2 #E2DA7E
analogous
#7EB8E2 #7E86E2 #A87EE2
triadic
#7E86E2 #E27E86 #86E27E
tetradic
#7E86E2 #E27EB8 #E2DA7E #7EE2A8
square
#7E86E2 #E27EB8 #E2DA7E #7EE2A8
split-complementary
#7E86E2 #E2A87E #B8E27E
monochromatic
#2A36BB #4C57D7 #7E86E2 #B0B5ED #E2E4F8

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

On white

3.28
#7E86E2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.40
#7E86E2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #7E86E2
6.40:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##7E86E2#FFFFFF#000000##000000
##7E86E21.003.286.406.40
#FFFFFF3.281.0021.0021.00
#0000006.4021.001.001.00
##0000006.4021.001.001.00

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

Protanopia (red-blind)
#6492E6
Deuteranopia (green-blind)
#5D8AE0
Tritanopia (blue-blind)
#5C99A9
Achromatopsia (no color)
#8E8E8E

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

CSS
--color: #7e86e2;
/* rgb */ color: rgb(126, 134, 226);
/* oklch */ color: oklch(65.4% 0.136 278.2);
Tailwind
colors: {
  custom: {
    50: '#a8a9eb',
    500: '#7e86e2',
    950: '#000000',
  },
}
SCSS
$custom: #7e86e2;
$custom-light: #a8a9eb;
$custom-dark: #000000;
JSON
{
  "hex": "#7e86e2",
  "rgb": {
    "r": 126,
    "g": 134,
    "b": 226
  },
  "hsl": {
    "h": 235.2,
    "s": 63.291,
    "l": 69.02
  },
  "oklch": {
    "l": 0.65393,
    "c": 0.13638,
    "h": 278.2
  },
  "luminance": 0.26977
}

Semantic roles & 50–950 ramp

primary
#7E86E2
secondary
#EDEACF
accent
#BD1ACB
background
#FAFAFE
surface
#F4F4FD
border
#CECED5
text
#100F16
muted
#7F7F84

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

معاينة مع #7E86E2

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

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

#7E86E2 — Tintiva