#6AA18A#6AA18A

#6AA18A لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.304؛ OKLCH L 66.4% C 0.068 H 166.2°. أفضل لون لنص المتن هو #000000 بتباين 7.08:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#6AA18A
RGB	rgb(106, 161, 138)
HSL	hsl(155, 23%, 52%)
HSV	hsv(155, 34%, 63%)
CMYK	cmyk(34.2%, 0%, 14.3%, 36.9%)
CIE-LAB	lab(61.99, -23.34, 6.26)
CIE-LCH	lch(61.99, 24.16, 164.99°)
OKLab	oklab(66.38% -0.0659 0.0161)
OKLCH	oklch(66.38% 0.068 166.2)
XYZ	xyz(23.2745, 30.3876, 28.6788)
Luminance	0.3039 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#6AA18A #A16A81

analogous

#6AA16E #6AA18A #6A9DA1

triadic

#6AA18A #8A6AA1 #A18A6A

tetradic

#6AA18A #6E6AA1 #A16A81 #9DA16A

square

#6AA18A #6E6AA1 #A16A81 #9DA16A

split-complementary

#6AA18A #A16A9D #A16E6A

monochromatic

#38594B #507E6B #6AA18A #90B9A7 #B5D0C5

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

On white

2.97

#6AA18A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.08

#6AA18A on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #6AA18A

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

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

fg \ bg	##6AA18A	#FFFFFF	#000000	##000000
##6AA18A	1.00	2.97	7.08	7.08
#FFFFFF	2.97	1.00	21.00	21.00
#000000	7.08	21.00	1.00	1.00
##000000	7.08	21.00	1.00	1.00

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

Protanopia (red-blind)

#9F9A89

Deuteranopia (green-blind)

#95938B

Tritanopia (blue-blind)

#5CA19A

Achromatopsia (no color)

#969696

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

CSS

--color: #6aa18a;
/* rgb */ color: rgb(106, 161, 138);
/* oklch */ color: oklch(66.4% 0.068 166.2);

Tailwind

colors: {
  custom: {
    50: '#96bdac',
    500: '#6aa18a',
    950: '#000000',
  },
}

SCSS

$custom: #6aa18a;
$custom-light: #96bdac;
$custom-dark: #000000;

JSON

{
  "hex": "#6aa18a",
  "rgb": {
    "r": 106,
    "g": 161,
    "b": 138
  },
  "hsl": {
    "h": 154.909,
    "s": 22.634,
    "l": 52.353
  },
  "oklch": {
    "l": 0.66384,
    "c": 0.0678,
    "h": 166.2
  },
  "luminance": 0.30389
}

Semantic roles & 50–950 ramp

primary

#6AA18A

secondary

#BFA7B1

accent

#698DBF

background

#F9FBFA

surface

#F2F6F4

border

#CCD0CE

text

#0D1210

muted

#7E817F

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

معاينة مع #6AA18A

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

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