#7C8AA5#7C8AA5

#7C8AA5 لون فاتح وخافت من عائلة أزرق. الإضاءة النسبية 0.252؛ OKLCH L 63.2% C 0.044 H 263.5°. أفضل لون لنص المتن هو #000000 بتباين 6.04:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#7C8AA5
RGB	rgb(124, 138, 165)
HSL	hsl(220, 19%, 57%)
HSV	hsv(220, 25%, 65%)
CMYK	cmyk(24.8%, 16.4%, 0%, 35.3%)
CIE-LAB	lab(57.25, 1.14, -15.96)
CIE-LCH	lch(57.25, 16.00, 274.08°)
OKLab	oklab(63.18% -0.005 -0.0436)
OKLCH	oklch(63.18% 0.044 263.5)
XYZ	xyz(24.1904, 25.1780, 39.1753)
Luminance	0.2518 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#7C8AA5 #A5977C

analogous

#7C9FA5 #7C8AA5 #837CA5

triadic

#7C8AA5 #A57C8A #8AA57C

tetradic

#7C8AA5 #A57C9F #A5977C #7CA583

square

#7C8AA5 #A57C9F #A5977C #7CA583

split-complementary

#7C8AA5 #A5837C #9FA57C

monochromatic

#444E63 #5D6B87 #7C8AA5 #A0AABE #C5CBD7

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

On white

3.48

#7C8AA5 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.04

#7C8AA5 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #7C8AA5

6.04:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##7C8AA5	#FFFFFF	#000000	##000000
##7C8AA5	1.00	3.48	6.04	6.04
#FFFFFF	3.48	1.00	21.00	21.00
#000000	6.04	21.00	1.00	1.00
##000000	6.04	21.00	1.00	1.00

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

Protanopia (red-blind)

#818CA6

Deuteranopia (green-blind)

#7E88A4

Tritanopia (blue-blind)

#718F93

Achromatopsia (no color)

#898989

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

CSS

--color: #7c8aa5;
/* rgb */ color: rgb(124, 138, 165);
/* oklch */ color: oklch(63.2% 0.044 263.5);

Tailwind

colors: {
  custom: {
    50: '#a2acbf',
    500: '#7c8aa5',
    950: '#000000',
  },
}

SCSS

$custom: #7c8aa5;
$custom-light: #a2acbf;
$custom-dark: #000000;

JSON

{
  "hex": "#7c8aa5",
  "rgb": {
    "r": 124,
    "g": 138,
    "b": 165
  },
  "hsl": {
    "h": 219.512,
    "s": 18.552,
    "l": 56.667
  },
  "oklch": {
    "l": 0.63175,
    "c": 0.04391,
    "h": 263.5
  },
  "luminance": 0.25179
}

Semantic roles & 50–950 ramp

primary

#7C8AA5

secondary

#C7C1B6

accent

#A06DBB

background

#FAFAFB

surface

#F3F4F7

border

#CDCED0

text

#0F1012

muted

#7F7F81

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

معاينة مع #7C8AA5

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

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