#51987E#51987E

#51987E لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.257؛ OKLCH L 62.6% C 0.083 H 167.8°. أفضل لون لنص المتن هو #000000 بتباين 6.14:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#51987E
RGB	rgb(81, 152, 126)
HSL	hsl(158, 30%, 46%)
HSV	hsv(158, 47%, 60%)
CMYK	cmyk(46.7%, 0%, 17.1%, 40.4%)
CIE-LAB	lab(57.76, -28.77, 6.82)
CIE-LCH	lch(57.76, 29.57, 166.66°)
OKLab	oklab(62.55% -0.0809 0.0175)
OKLCH	oklch(62.55% 0.083 167.8)
XYZ	xyz(18.3859, 25.7107, 23.7284)
Luminance	0.2571 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#51987E #98516B

analogous

#51985A #51987E #518E98

triadic

#51987E #7E5198 #987E51

tetradic

#51987E #5A5198 #98516B #8E9851

square

#51987E #5A5198 #98516B #8E9851

split-complementary

#51987E #98518E #985A51

monochromatic

#26483C #3C705D #51987E #72B49C #9AC9B8

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

On white

3.42

#51987E on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.14

#51987E on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #51987E

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

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

fg \ bg	##51987E	#FFFFFF	#000000	##000000
##51987E	1.00	3.42	6.14	6.14
#FFFFFF	3.42	1.00	21.00	21.00
#000000	6.14	21.00	1.00	1.00
##000000	6.14	21.00	1.00	1.00

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

Protanopia (red-blind)

#95907D

Deuteranopia (green-blind)

#8A8780

Tritanopia (blue-blind)

#3A9990

Achromatopsia (no color)

#8B8B8B

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

CSS

--color: #51987e;
/* rgb */ color: rgb(81, 152, 126);
/* oklch */ color: oklch(62.6% 0.083 167.8);

Tailwind

colors: {
  custom: {
    50: '#86b6a3',
    500: '#51987e',
    950: '#000000',
  },
}

SCSS

$custom: #51987e;
$custom-light: #86b6a3;
$custom-dark: #000000;

JSON

{
  "hex": "#51987e",
  "rgb": {
    "r": 81,
    "g": 152,
    "b": 126
  },
  "hsl": {
    "h": 158.028,
    "s": 30.472,
    "l": 45.686
  },
  "oklch": {
    "l": 0.62553,
    "c": 0.08273,
    "h": 167.8
  },
  "luminance": 0.25712
}

Semantic roles & 50–950 ramp

primary

#51987E

secondary

#B68F9D

accent

#6186C7

background

#F8FBFA

surface

#F0F6F3

border

#CBD0CD

text

#0B110F

muted

#7C807F

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

معاينة مع #51987E

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

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