#397564#397564

#397564 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.145؛ OKLCH L 51.7% C 0.069 H 172.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.38:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#397564
RGB	rgb(57, 117, 100)
HSL	hsl(163, 34%, 34%)
HSV	hsv(163, 51%, 46%)
CMYK	cmyk(51.3%, 0%, 14.5%, 54.1%)
CIE-LAB	lab(44.96, -24.00, 3.42)
CIE-LCH	lch(44.96, 24.24, 171.90°)
OKLab	oklab(51.68% -0.0683 0.0087)
OKLCH	oklch(51.68% 0.069 172.8)
XYZ	xyz(10.3479, 14.5117, 14.3098)
Luminance	0.1451 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#397564 #75394A

analogous

#397546 #397564 #396875

triadic

#397564 #643975 #756439

tetradic

#397564 #463975 #75394A #687539

square

#397564 #463975 #75394A #687539

split-complementary

#397564 #753968 #754639

monochromatic

#11231E #254C41 #397564 #4D9E87 #6FB9A4

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

On white

5.38

#397564 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.90

#397564 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #397564

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

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

fg \ bg	##397564	#FFFFFF	#000000	##FFFFFF
##397564	1.00	5.38	3.90	5.38
#FFFFFF	5.38	1.00	21.00	1.00
#000000	3.90	21.00	1.00	21.00
##FFFFFF	5.38	1.00	21.00	1.00

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

Protanopia (red-blind)

#726E63

Deuteranopia (green-blind)

#686865

Tritanopia (blue-blind)

#217670

Achromatopsia (no color)

#6A6A6A

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

CSS

--color: #397564;
/* rgb */ color: rgb(57, 117, 100);
/* oklch */ color: oklch(51.7% 0.069 172.8);

Tailwind

colors: {
  custom: {
    50: '#749d90',
    500: '#397564',
    950: '#000000',
  },
}

SCSS

$custom: #397564;
$custom-light: #749d90;
$custom-dark: #000000;

JSON

{
  "hex": "#397564",
  "rgb": {
    "r": 57,
    "g": 117,
    "b": 100
  },
  "hsl": {
    "h": 163,
    "s": 34.483,
    "l": 34.118
  },
  "oklch": {
    "l": 0.51682,
    "c": 0.06882,
    "h": 172.8
  },
  "luminance": 0.14513
}

Semantic roles & 50–950 ramp

primary

#397564

secondary

#A26778

accent

#5D7CCB

background

#F7F9F8

surface

#EDF2F0

border

#C8CCCB

text

#080E0C

muted

#7B7E7D

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

معاينة مع #397564

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

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