#74B7AB#74B7AB

#74B7AB لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.405؛ OKLCH L 73.1% C 0.071 H 181.7°. أفضل لون لنص المتن هو #000000 بتباين 9.10:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#74B7AB
RGB	rgb(116, 183, 171)
HSL	hsl(169, 32%, 59%)
HSV	hsv(169, 37%, 72%)
CMYK	cmyk(36.6%, 0%, 6.6%, 28.2%)
CIE-LAB	lab(69.84, -24.03, -0.63)
CIE-LCH	lch(69.84, 24.04, 181.50°)
OKLab	oklab(73.11% -0.0706 -0.0021)
OKLCH	oklch(73.11% 0.071 181.7)
XYZ	xyz(31.4839, 40.5182, 44.6820)
Luminance	0.4052 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#74B7AB #B77480

analogous

#74B789 #74B7AB #74A1B7

triadic

#74B7AB #AB74B7 #B7AB74

tetradic

#74B7AB #8974B7 #B77480 #A1B774

square

#74B7AB #8974B7 #B77480 #A1B774

split-complementary

#74B7AB #B774A1 #B78974

monochromatic

#3C746A #519D8F #74B7AB #9CCCC3 #C5E1DC

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

On white

2.31

#74B7AB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.10

#74B7AB on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #74B7AB

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

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

fg \ bg	##74B7AB	#FFFFFF	#000000	##000000
##74B7AB	1.00	2.31	9.10	9.10
#FFFFFF	2.31	1.00	21.00	21.00
#000000	9.10	21.00	1.00	1.00
##000000	9.10	21.00	1.00	1.00

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

Protanopia (red-blind)

#B1B0AB

Deuteranopia (green-blind)

#A6A7AC

Tritanopia (blue-blind)

#5DB9B3

Achromatopsia (no color)

#ABABAB

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

CSS

--color: #74b7ab;
/* rgb */ color: rgb(116, 183, 171);
/* oklch */ color: oklch(73.1% 0.071 181.7);

Tailwind

colors: {
  custom: {
    50: '#9fcdc4',
    500: '#74b7ab',
    950: '#000000',
  },
}

SCSS

$custom: #74b7ab;
$custom-light: #9fcdc4;
$custom-dark: #000000;

JSON

{
  "hex": "#74b7ab",
  "rgb": {
    "r": 116,
    "g": 183,
    "b": 171
  },
  "hsl": {
    "h": 169.254,
    "s": 31.754,
    "l": 58.627
  },
  "oklch": {
    "l": 0.7311,
    "c": 0.07068,
    "h": 181.7
  },
  "luminance": 0.4052
}

Semantic roles & 50–950 ramp

primary

#74B7AB

secondary

#D1B6BB

accent

#6073C8

background

#F9FCFC

surface

#F2F9F8

border

#CCD2D1

text

#0F1312

muted

#7E8281

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

معاينة مع #74B7AB

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

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