#97D7AC#97D7AC

#97D7AC لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.582؛ OKLCH L 82.4% C 0.089 H 154.6°. أفضل لون لنص المتن هو #000000 بتباين 12.63:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#97D7AC
RGB	rgb(151, 215, 172)
HSL	hsl(140, 44%, 72%)
HSV	hsv(140, 30%, 84%)
CMYK	cmyk(29.8%, 0%, 20%, 15.7%)
CIE-LAB	lab(80.83, -29.08, 14.83)
CIE-LCH	lch(80.83, 32.65, 152.98°)
OKLab	oklab(82.43% -0.0803 0.0381)
OKLCH	oklch(82.43% 0.089 154.6)
XYZ	xyz(44.5069, 58.1567, 47.9020)
Luminance	0.5816 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#97D7AC #D797C2

analogous

#A2D797 #97D7AC #97D7CC

triadic

#97D7AC #AC97D7 #D7AC97

tetradic

#97D7AC #97A2D7 #D797C2 #D7CC97

square

#97D7AC #97A2D7 #D797C2 #D7CC97

split-complementary

#97D7AC #CC97D7 #D797A2

monochromatic

#44B067 #6BC689 #97D7AC #C3E8CF #E9F6ED

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

On white

1.66

#97D7AC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.63

#97D7AC on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #97D7AC

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

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

fg \ bg	##97D7AC	#FFFFFF	#000000	##000000
##97D7AC	1.00	1.66	12.63	12.63
#FFFFFF	1.66	1.00	21.00	21.00
#000000	12.63	21.00	1.00	1.00
##000000	12.63	21.00	1.00	1.00

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

Protanopia (red-blind)

#D7CDAA

Deuteranopia (green-blind)

#CCC6AE

Tritanopia (blue-blind)

#8CD6CB

Achromatopsia (no color)

#C9C9C9

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

CSS

--color: #97d7ac;
/* rgb */ color: rgb(151, 215, 172);
/* oklch */ color: oklch(82.4% 0.089 154.6);

Tailwind

colors: {
  custom: {
    50: '#b7e3c4',
    500: '#97d7ac',
    950: '#000000',
  },
}

SCSS

$custom: #97d7ac;
$custom-light: #b7e3c4;
$custom-dark: #000000;

JSON

{
  "hex": "#97d7ac",
  "rgb": {
    "r": 151,
    "g": 215,
    "b": 172
  },
  "hsl": {
    "h": 139.688,
    "s": 44.444,
    "l": 71.765
  },
  "oklch": {
    "l": 0.82427,
    "c": 0.08892,
    "h": 154.6
  },
  "luminance": 0.58159
}

Semantic roles & 50–950 ramp

primary

#97D7AC

secondary

#AE6496

accent

#2E8AB8

background

#FDFEFD

surface

#F8FCF9

border

#D1D5D2

text

#111512

muted

#818482

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

معاينة مع #97D7AC

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

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