#7EB5AE#7EB5AE

#7EB5AE لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.405؛ OKLCH L 73.3% C 0.058 H 186.1°. أفضل لون لنص المتن هو #000000 بتباين 9.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#7EB5AE
RGB	rgb(126, 181, 174)
HSL	hsl(172, 27%, 60%)
HSV	hsv(172, 30%, 71%)
CMYK	cmyk(30.4%, 0%, 3.9%, 29%)
CIE-LAB	lab(69.85, -19.46, -2.20)
CIE-LCH	lch(69.85, 19.58, 186.44°)
OKLab	oklab(73.29% -0.0581 -0.0062)
OKLCH	oklch(73.29% 0.058 186.1)
XYZ	xyz(32.7655, 40.5376, 46.1343)
Luminance	0.4054 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#7EB5AE #B57E85

analogous

#7EB593 #7EB5AE #7EA0B5

triadic

#7EB5AE #AE7EB5 #B5AE7E

tetradic

#7EB5AE #937EB5 #B57E85 #A0B57E

square

#7EB5AE #937EB5 #B57E85 #A0B57E

split-complementary

#7EB5AE #B57EA0 #B5937E

monochromatic

#43756F #5A9C94 #7EB5AE #A5CBC6 #CCE2DF

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

On white

2.31

#7EB5AE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.11

#7EB5AE on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #7EB5AE

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

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

fg \ bg	##7EB5AE	#FFFFFF	#000000	##000000
##7EB5AE	1.00	2.31	9.11	9.11
#FFFFFF	2.31	1.00	21.00	21.00
#000000	9.11	21.00	1.00	1.00
##000000	9.11	21.00	1.00	1.00

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

Protanopia (red-blind)

#B0AFAE

Deuteranopia (green-blind)

#A5A8AF

Tritanopia (blue-blind)

#6CB7B3

Achromatopsia (no color)

#ABABAB

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

CSS

--color: #7eb5ae;
/* rgb */ color: rgb(126, 181, 174);
/* oklch */ color: oklch(73.3% 0.058 186.1);

Tailwind

colors: {
  custom: {
    50: '#a5cbc6',
    500: '#7eb5ae',
    950: '#000000',
  },
}

SCSS

$custom: #7eb5ae;
$custom-light: #a5cbc6;
$custom-dark: #000000;

JSON

{
  "hex": "#7eb5ae",
  "rgb": {
    "r": 126,
    "g": 181,
    "b": 174
  },
  "hsl": {
    "h": 172.364,
    "s": 27.094,
    "l": 60.196
  },
  "oklch": {
    "l": 0.73285,
    "c": 0.05845,
    "h": 186.1
  },
  "luminance": 0.40539
}

Semantic roles & 50–950 ramp

primary

#7EB5AE

secondary

#D2BDC0

accent

#404DA6

background

#FAFCFC

surface

#F4F8F8

border

#CED1D1

text

#0F1313

muted

#7F8282

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

معاينة مع #7EB5AE

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

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