#7C8CB4#7C8CB4

#7C8CB4 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.263؛ OKLCH L 64.2% C 0.063 H 267.7°. أفضل لون لنص المتن هو #000000 بتباين 6.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7C8CB4
RGBrgb(124, 140, 180)
HSLhsl(223, 27%, 60%)
HSVhsv(223, 31%, 71%)
CMYKcmyk(31.1%, 22.2%, 0%, 29.4%)
CIE-LABlab(58.35, 3.77, -22.83)
CIE-LCHlch(58.35, 23.14, 279.39°)
OKLaboklab(64.22% -0.0026 -0.063)
OKLCHoklch(64.22% 0.063 267.7)
XYZxyz(25.9261, 26.3356, 46.8884)
Luminance0.2634 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7C8CB4 #B4A47C
analogous
#7CA8B4 #7C8CB4 #887CB4
triadic
#7C8CB4 #B47C8C #8CB47C
tetradic
#7C8CB4 #B47CA8 #B4A47C #7CB488
square
#7C8CB4 #B47CA8 #B4A47C #7CB488
split-complementary
#7C8CB4 #B4887C #A8B47C
monochromatic
#425073 #586B9A #7C8CB4 #A3AECA #CAD0E1

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

On white

3.35
#7C8CB4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.27
#7C8CB4 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##7C8CB4#FFFFFF#000000##000000
##7C8CB41.003.356.276.27
#FFFFFF3.351.0021.0021.00
#0000006.2721.001.001.00
##0000006.2721.001.001.00

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

Protanopia (red-blind)
#7F8FB6
Deuteranopia (green-blind)
#7A8AB3
Tritanopia (blue-blind)
#6C949A
Achromatopsia (no color)
#8C8C8C

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

CSS
--color: #7c8cb4;
/* rgb */ color: rgb(124, 140, 180);
/* oklch */ color: oklch(64.2% 0.063 267.7);
Tailwind
colors: {
  custom: {
    50: '#a3adca',
    500: '#7c8cb4',
    950: '#000000',
  },
}
SCSS
$custom: #7c8cb4;
$custom-light: #a3adca;
$custom-dark: #000000;
JSON
{
  "hex": "#7c8cb4",
  "rgb": {
    "r": 124,
    "g": 140,
    "b": 180
  },
  "hsl": {
    "h": 222.857,
    "s": 27.184,
    "l": 59.608
  },
  "oklch": {
    "l": 0.64223,
    "c": 0.06304,
    "h": 267.7
  },
  "luminance": 0.26337
}

Semantic roles & 50–950 ramp

primary
#7C8CB4
secondary
#D1CBBB
accent
#A864C4
background
#FAFAFC
surface
#F4F4F8
border
#CECED1
text
#0F1013
muted
#7F7F82

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

معاينة مع #7C8CB4

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

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

#7C8CB4 — Tintiva