#4F8370#4F8370

#4F8370 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.191؛ OKLCH L 56.8% C 0.064 H 168.8°. أفضل لون لنص المتن هو #000000 بتباين 4.81:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#4F8370
RGB	rgb(79, 131, 112)
HSL	hsl(158, 25%, 41%)
HSV	hsv(158, 40%, 51%)
CMYK	cmyk(39.7%, 0%, 14.5%, 48.6%)
CIE-LAB	lab(50.76, -22.06, 4.83)
CIE-LCH	lch(50.76, 22.58, 167.66°)
OKLab	oklab(56.75% -0.0624 0.0124)
OKLCH	oklch(56.75% 0.064 168.8)
XYZ	xyz(14.2643, 19.0638, 18.2541)
Luminance	0.1906 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#4F8370 #834F62

analogous

#4F8356 #4F8370 #4F7C83

triadic

#4F8370 #704F83 #83704F

tetradic

#4F8370 #564F83 #834F62 #7C834F

square

#4F8370 #564F83 #834F62 #7C834F

split-complementary

#4F8370 #834F7C #83564F

monochromatic

#21372F #385D4F #4F8370 #6AA590 #90BCAC

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

On white

4.36

#4F8370 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.81

#4F8370 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #4F8370

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

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

fg \ bg	##4F8370	#FFFFFF	#000000	##000000
##4F8370	1.00	4.36	4.81	4.81
#FFFFFF	4.36	1.00	21.00	21.00
#000000	4.81	21.00	1.00	1.00
##000000	4.81	21.00	1.00	1.00

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

Protanopia (red-blind)

#807D6F

Deuteranopia (green-blind)

#787671

Tritanopia (blue-blind)

#40847D

Achromatopsia (no color)

#797979

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

CSS

--color: #4f8370;
/* rgb */ color: rgb(79, 131, 112);
/* oklch */ color: oklch(56.8% 0.064 168.8);

Tailwind

colors: {
  custom: {
    50: '#83a799',
    500: '#4f8370',
    950: '#000000',
  },
}

SCSS

$custom: #4f8370;
$custom-light: #83a799;
$custom-dark: #000000;

JSON

{
  "hex": "#4f8370",
  "rgb": {
    "r": 79,
    "g": 131,
    "b": 112
  },
  "hsl": {
    "h": 158.077,
    "s": 24.762,
    "l": 41.176
  },
  "oklch": {
    "l": 0.56754,
    "c": 0.06365,
    "h": 168.8
  },
  "luminance": 0.19065
}

Semantic roles & 50–950 ramp

primary

#4F8370

secondary

#A98592

accent

#6788C1

background

#F8FAF9

surface

#EFF4F2

border

#CACECC

text

#0B0F0D

muted

#7C7F7E

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

معاينة مع #4F8370

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

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