#4B7E89#4B7E89

#4B7E89 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.182؛ OKLCH L 56.1% C 0.057 H 213.0°. أفضل لون لنص المتن هو #000000 بتباين 4.64:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#4B7E89
RGB	rgb(75, 126, 137)
HSL	hsl(191, 29%, 42%)
HSV	hsv(191, 45%, 54%)
CMYK	cmyk(45.3%, 8%, 0%, 46.3%)
CIE-LAB	lab(49.77, -14.01, -11.32)
CIE-LCH	lch(49.77, 18.01, 218.93°)
OKLab	oklab(56.15% -0.048 -0.0311)
OKLCH	oklch(56.15% 0.057 213)
XYZ	xyz(14.8762, 18.2226, 26.3955)
Luminance	0.1822 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#4B7E89 #89564B

analogous

#4B8975 #4B7E89 #4B5F89

triadic

#4B7E89 #894B7E #7E894B

tetradic

#4B7E89 #754B89 #89564B #5F894B

square

#4B7E89 #754B89 #89564B #5F894B

split-complementary

#4B7E89 #894B5F #89754B

monochromatic

#20353A #355A61 #4B7E89 #669FAB #8EB8C1

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

On white

4.52

#4B7E89 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.64

#4B7E89 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #4B7E89

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

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

fg \ bg	##4B7E89	#FFFFFF	#000000	##000000
##4B7E89	1.00	4.52	4.64	4.64
#FFFFFF	4.52	1.00	21.00	21.00
#000000	4.64	21.00	1.00	1.00
##000000	4.64	21.00	1.00	1.00

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

Protanopia (red-blind)

#757B8A

Deuteranopia (green-blind)

#6B7389

Tritanopia (blue-blind)

#2E8381

Achromatopsia (no color)

#767676

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

CSS

--color: #4b7e89;
/* rgb */ color: rgb(75, 126, 137);
/* oklch */ color: oklch(56.1% 0.057 213.0);

Tailwind

colors: {
  custom: {
    50: '#81a3ab',
    500: '#4b7e89',
    950: '#000000',
  },
}

SCSS

$custom: #4b7e89;
$custom-light: #81a3ab;
$custom-dark: #000000;

JSON

{
  "hex": "#4b7e89",
  "rgb": {
    "r": 75,
    "g": 126,
    "b": 137
  },
  "hsl": {
    "h": 190.645,
    "s": 29.245,
    "l": 41.569
  },
  "oklch": {
    "l": 0.5615,
    "c": 0.05724,
    "h": 213
  },
  "luminance": 0.18224
}

Semantic roles & 50–950 ramp

primary

#4B7E89

secondary

#AD8A83

accent

#7462C6

background

#F8FAFA

surface

#EFF3F4

border

#CACDCE

text

#0B0F10

muted

#7C7F7F

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

معاينة مع #4B7E89

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

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