#7BAFE2#7BAFE2

#7BAFE2 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.404؛ OKLCH L 73.7% C 0.093 H 248.7°. أفضل لون لنص المتن هو #000000 بتباين 9.07:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7BAFE2
RGBrgb(123, 175, 226)
HSLhsl(210, 64%, 68%)
HSVhsv(210, 46%, 89%)
CMYKcmyk(45.6%, 22.6%, 0%, 11.4%)
CIE-LABlab(69.72, -3.69, -30.97)
CIE-LCHlch(69.72, 31.19, 263.20°)
OKLaboklab(73.71% -0.0336 -0.0862)
OKLCHoklch(73.71% 0.093 248.7)
XYZxyz(37.2212, 40.3594, 77.7655)
Luminance0.4036 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BAFE2 #E2AE7B
analogous
#7BE2E1 #7BAFE2 #7B7BE2
triadic
#7BAFE2 #E27BAF #AFE27B
tetradic
#7BAFE2 #E17BE2 #E2AE7B #7BE27B
square
#7BAFE2 #E17BE2 #E2AE7B #7BE27B
split-complementary
#7BAFE2 #E27B7B #E2E17B
monochromatic
#2972BA #4991D7 #7BAFE2 #ADCDED #DFECF8

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

On white

2.31
#7BAFE2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.07
#7BAFE2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7BAFE2#FFFFFF#000000##000000
##7BAFE21.002.319.079.07
#FFFFFF2.311.0021.0021.00
#0000009.0721.001.001.00
##0000009.0721.001.001.00

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

Protanopia (red-blind)
#9BB0E4
Deuteranopia (green-blind)
#8DA6E1
Tritanopia (blue-blind)
#50BBC0
Achromatopsia (no color)
#AAAAAA

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

CSS
--color: #7bafe2;
/* rgb */ color: rgb(123, 175, 226);
/* oklch */ color: oklch(73.7% 0.093 248.7);
Tailwind
colors: {
  custom: {
    50: '#a6c6eb',
    500: '#7bafe2',
    950: '#000000',
  },
}
SCSS
$custom: #7bafe2;
$custom-light: #a6c6eb;
$custom-dark: #000000;
JSON
{
  "hex": "#7bafe2",
  "rgb": {
    "r": 123,
    "g": 175,
    "b": 226
  },
  "hsl": {
    "h": 209.709,
    "s": 63.975,
    "l": 68.431
  },
  "oklch": {
    "l": 0.73712,
    "c": 0.09255,
    "h": 248.7
  },
  "luminance": 0.40362
}

Semantic roles & 50–950 ramp

primary
#7BAFE2
secondary
#ECDCCD
accent
#721ACC
background
#FAFCFE
surface
#F4F8FD
border
#CED1D5
text
#101316
muted
#7F8284

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

معاينة مع #7BAFE2

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

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

#7BAFE2 — Tintiva