#7489B3#7489B3

#7489B3 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.249؛ OKLCH L 63.0% C 0.068 H 263.9°. أفضل لون لنص المتن هو #000000 بتباين 5.97:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#7489B3
RGB	rgb(116, 137, 179)
HSL	hsl(220, 29%, 58%)
HSV	hsv(220, 35%, 70%)
CMYK	cmyk(35.2%, 23.5%, 0%, 29.8%)
CIE-LAB	lab(56.94, 2.88, -24.49)
CIE-LCH	lch(56.94, 24.66, 276.71°)
OKLab	oklab(62.96% -0.0072 -0.0678)
OKLCH	oklch(62.96% 0.068 263.9)
XYZ	xyz(24.2824, 24.8579, 46.1577)
Luminance	0.2486 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#7489B3 #B39E74

analogous

#74A8B3 #7489B3 #7E74B3

triadic

#7489B3 #B37489 #89B374

tetradic

#7489B3 #B374A8 #B39E74 #74B37E

square

#7489B3 #B374A8 #B39E74 #74B37E

split-complementary

#7489B3 #B37E74 #A8B374

monochromatic

#3D4E70 #536997 #7489B3 #9CABC9 #C3CCDE

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

On white

3.52

#7489B3 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.97

#7489B3 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #7489B3

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

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

fg \ bg	##7489B3	#FFFFFF	#000000	##000000
##7489B3	1.00	3.52	5.97	5.97
#FFFFFF	3.52	1.00	21.00	21.00
#000000	5.97	21.00	1.00	1.00
##000000	5.97	21.00	1.00	1.00

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

Protanopia (red-blind)

#7B8CB5

Deuteranopia (green-blind)

#7586B2

Tritanopia (blue-blind)

#619297

Achromatopsia (no color)

#898989

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

CSS

--color: #7489b3;
/* rgb */ color: rgb(116, 137, 179);
/* oklch */ color: oklch(63.0% 0.068 263.9);

Tailwind

colors: {
  custom: {
    50: '#9eabca',
    500: '#7489b3',
    950: '#000000',
  },
}

SCSS

$custom: #7489b3;
$custom-light: #9eabca;
$custom-dark: #000000;

JSON

{
  "hex": "#7489b3",
  "rgb": {
    "r": 116,
    "g": 137,
    "b": 179
  },
  "hsl": {
    "h": 220,
    "s": 29.302,
    "l": 57.843
  },
  "oklch": {
    "l": 0.62962,
    "c": 0.06819,
    "h": 263.9
  },
  "luminance": 0.24859
}

Semantic roles & 50–950 ramp

primary

#7489B3

secondary

#CEC6B5

accent

#A462C6

background

#F9FAFC

surface

#F2F4F8

border

#CCCED1

text

#0E1013

muted

#7E7F82

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

معاينة مع #7489B3

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

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