#3F704C#3F704C

#3F704C لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.132؛ OKLCH L 50.0% C 0.079 H 151.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#3F704C
RGB	rgb(63, 112, 76)
HSL	hsl(136, 28%, 34%)
HSV	hsv(136, 44%, 44%)
CMYK	cmyk(43.7%, 0%, 32.1%, 56.1%)
CIE-LAB	lab(43.01, -25.23, 14.96)
CIE-LCH	lch(43.01, 29.33, 149.32°)
OKLab	oklab(49.99% -0.0689 0.0378)
OKLCH	oklch(49.99% 0.079 151.2)
XYZ	xyz(9.1480, 13.1663, 8.8954)
Luminance	0.1317 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#3F704C #703F63

analogous

#4B703F #3F704C #3F7065

triadic

#3F704C #4C3F70 #704C3F

tetradic

#3F704C #3F4B70 #703F63 #70653F

square

#3F704C #3F4B70 #703F63 #70653F

split-complementary

#3F704C #653F70 #703F4B

monochromatic

#132217 #294931 #3F704C #559767 #77B287

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

On white

5.78

#3F704C on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.63

#3F704C on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #3F704C

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

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

fg \ bg	##3F704C	#FFFFFF	#000000	##FFFFFF
##3F704C	1.00	5.78	3.63	5.78
#FFFFFF	5.78	1.00	21.00	1.00
#000000	3.63	21.00	1.00	21.00
##FFFFFF	5.78	1.00	21.00	1.00

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

Protanopia (red-blind)

#70694A

Deuteranopia (green-blind)

#69644E

Tritanopia (blue-blind)

#366F66

Achromatopsia (no color)

#666666

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

CSS

--color: #3f704c;
/* rgb */ color: rgb(63, 112, 76);
/* oklch */ color: oklch(50.0% 0.079 151.2);

Tailwind

colors: {
  custom: {
    50: '#77997e',
    500: '#3f704c',
    950: '#000000',
  },
}

SCSS

$custom: #3f704c;
$custom-light: #77997e;
$custom-dark: #000000;

JSON

{
  "hex": "#3f704c",
  "rgb": {
    "r": 63,
    "g": 112,
    "b": 76
  },
  "hsl": {
    "h": 135.918,
    "s": 28,
    "l": 34.314
  },
  "oklch": {
    "l": 0.49988,
    "c": 0.07858,
    "h": 151.2
  },
  "luminance": 0.13167
}

Semantic roles & 50–950 ramp

primary

#3F704C

secondary

#9D6E91

accent

#63ABC4

background

#F7F9F7

surface

#EDF2EE

border

#C8CCC9

text

#090E0A

muted

#7B7E7C

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

معاينة مع #3F704C

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

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