#7BA5CD#7BA5CD

#7BA5CD لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.355؛ OKLCH L 70.6% C 0.075 H 247.7°. أفضل لون لنص المتن هو #000000 بتباين 8.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7BA5CD
RGBrgb(123, 165, 205)
HSLhsl(209, 45%, 64%)
HSVhsv(209, 40%, 80%)
CMYKcmyk(40%, 19.5%, 0%, 19.6%)
CIE-LABlab(66.16, -3.99, -24.90)
CIE-LCHlch(66.16, 25.22, 260.90°)
OKLaboklab(70.64% -0.0283 -0.0689)
OKLCHoklch(70.64% 0.075 247.7)
XYZxyz(32.6394, 35.5271, 62.8833)
Luminance0.3553 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BA5CD #CDA37B
analogous
#7BCDCC #7BA5CD #7B7CCD
triadic
#7BA5CD #CD7BA5 #A5CD7B
tetradic
#7BA5CD #CC7BCD #CDA37B #7CCD7B
square
#7BA5CD #CC7BCD #CDA37B #7CCD7B
split-complementary
#7BA5CD #CD7B7C #CDCC7B
monochromatic
#386895 #4F87BC #7BA5CD #A7C3DE #D4E2EF

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

On white

2.59
#7BA5CD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.11
#7BA5CD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7BA5CD#FFFFFF#000000##000000
##7BA5CD1.002.598.118.11
#FFFFFF2.591.0021.0021.00
#0000008.1121.001.001.00
##0000008.1121.001.001.00

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

Protanopia (red-blind)
#95A6CF
Deuteranopia (green-blind)
#8B9DCC
Tritanopia (blue-blind)
#5DAEB2
Achromatopsia (no color)
#A1A1A1

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

CSS
--color: #7ba5cd;
/* rgb */ color: rgb(123, 165, 205);
/* oklch */ color: oklch(70.6% 0.075 247.7);
Tailwind
colors: {
  custom: {
    50: '#a4bfdc',
    500: '#7ba5cd',
    950: '#000000',
  },
}
SCSS
$custom: #7ba5cd;
$custom-light: #a4bfdc;
$custom-dark: #000000;
JSON
{
  "hex": "#7ba5cd",
  "rgb": {
    "r": 123,
    "g": 165,
    "b": 205
  },
  "hsl": {
    "h": 209.268,
    "s": 45.055,
    "l": 64.314
  },
  "oklch": {
    "l": 0.70639,
    "c": 0.07451,
    "h": 247.7
  },
  "luminance": 0.35529
}

Semantic roles & 50–950 ramp

primary
#7BA5CD
secondary
#E0D2C4
accent
#712DB8
background
#FAFBFD
surface
#F4F7FB
border
#CED0D4
text
#0F1215
muted
#7F8183

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

معاينة مع #7BA5CD

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

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

#7BA5CD — Tintiva