#A4F2C8#A4F2C8

#A4F2C8 لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.756؛ OKLCH L 89.9% C 0.097 H 160.1°. أفضل لون لنص المتن هو #000000 بتباين 16.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#A4F2C8
RGB	rgb(164, 242, 200)
HSL	hsl(148, 75%, 80%)
HSV	hsv(148, 32%, 95%)
CMYK	cmyk(32.2%, 0%, 17.4%, 5.1%)
CIE-LAB	lab(89.66, -32.58, 12.74)
CIE-LCH	lch(89.66, 34.98, 158.64°)
OKLab	oklab(89.91% -0.0908 0.0328)
OKLCH	oklch(89.91% 0.097 160.1)
XYZ	xyz(57.4837, 75.5639, 66.1888)
Luminance	0.7557 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#A4F2C8 #F2A4CE

analogous

#A7F2A4 #A4F2C8 #A4F2EF

triadic

#A4F2C8 #C8A4F2 #F2C8A4

tetradic

#A4F2C8 #A4A7F2 #F2A4CE #F2EFA4

square

#A4F2C8 #A4A7F2 #F2A4CE #F2EFA4

split-complementary

#A4F2C8 #EFA4F2 #F2A4A7

monochromatic

#39E387 #6EEAA8 #A4F2C8 #DAFAE8 #E4FBEF

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

On white

1.30

#A4F2C8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.11

#A4F2C8 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #A4F2C8

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

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

fg \ bg	##A4F2C8	#FFFFFF	#000000	##000000
##A4F2C8	1.00	1.30	16.11	16.11
#FFFFFF	1.30	1.00	21.00	21.00
#000000	16.11	21.00	1.00	1.00
##000000	16.11	21.00	1.00	1.00

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

Protanopia (red-blind)

#F0E7C6

Deuteranopia (green-blind)

#E3DECA

Tritanopia (blue-blind)

#94F1E6

Achromatopsia (no color)

#E1E1E1

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

CSS

--color: #a4f2c8;
/* rgb */ color: rgb(164, 242, 200);
/* oklch */ color: oklch(89.9% 0.097 160.1);

Tailwind

colors: {
  custom: {
    50: '#c1f6d8',
    500: '#a4f2c8',
    950: '#000000',
  },
}

SCSS

$custom: #a4f2c8;
$custom-light: #c1f6d8;
$custom-dark: #000000;

JSON

{
  "hex": "#a4f2c8",
  "rgb": {
    "r": 164,
    "g": 242,
    "b": 200
  },
  "hsl": {
    "h": 147.692,
    "s": 75,
    "l": 79.608
  },
  "oklch": {
    "l": 0.89909,
    "c": 0.09653,
    "h": 160.1
  },
  "luminance": 0.75567
}

Semantic roles & 50–950 ramp

primary

#A4F2C8

secondary

#D06AA1

accent

#0E7AD7

background

#FDFFFE

surface

#F9FEFB

border

#D2D6D4

text

#121714

muted

#828583

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

معاينة مع #A4F2C8

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

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