#B4E6C4#B4E6C4

#B4E6C4 لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.703؛ OKLCH L 88.1% C 0.070 H 155.0°. أفضل لون لنص المتن هو #000000 بتباين 15.06:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#B4E6C4
RGB	rgb(180, 230, 196)
HSL	hsl(139, 50%, 80%)
HSV	hsv(139, 22%, 90%)
CMYK	cmyk(21.7%, 0%, 14.8%, 9.8%)
CIE-LAB	lab(87.13, -22.70, 11.36)
CIE-LCH	lch(87.13, 25.38, 153.41°)
OKLab	oklab(88.09% -0.0631 0.0294)
OKLCH	oklch(88.09% 0.07 155)
XYZ	xyz(57.0802, 70.2806, 62.7719)
Luminance	0.7028 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#B4E6C4 #E6B4D6

analogous

#BDE6B4 #B4E6C4 #B4E6DD

triadic

#B4E6C4 #C4B4E6 #E6C4B4

tetradic

#B4E6C4 #B4BDE6 #E6B4D6 #E6DDB4

square

#B4E6C4 #B4BDE6 #E6B4D6 #E6DDB4

split-complementary

#B4E6C4 #DDB4E6 #E6B4BD

monochromatic

#58C77C #86D7A0 #B4E6C4 #E2F5E8 #E8F7ED

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

On white

1.39

#B4E6C4 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.06

#B4E6C4 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #B4E6C4

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

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

fg \ bg	##B4E6C4	#FFFFFF	#000000	##000000
##B4E6C4	1.00	1.39	15.06	15.06
#FFFFFF	1.39	1.00	21.00	21.00
#000000	15.06	21.00	1.00	1.00
##000000	15.06	21.00	1.00	1.00

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

Protanopia (red-blind)

#E6DEC2

Deuteranopia (green-blind)

#DDD8C6

Tritanopia (blue-blind)

#ACE5DC

Achromatopsia (no color)

#DADADA

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

CSS

--color: #b4e6c4;
/* rgb */ color: rgb(180, 230, 196);
/* oklch */ color: oklch(88.1% 0.070 155.0);

Tailwind

colors: {
  custom: {
    50: '#cbeed5',
    500: '#b4e6c4',
    950: '#000000',
  },
}

SCSS

$custom: #b4e6c4;
$custom-light: #cbeed5;
$custom-dark: #000000;

JSON

{
  "hex": "#b4e6c4",
  "rgb": {
    "r": 180,
    "g": 230,
    "b": 196
  },
  "hsl": {
    "h": 139.2,
    "s": 50,
    "l": 80.392
  },
  "oklch": {
    "l": 0.88085,
    "c": 0.06957,
    "h": 155
  },
  "luminance": 0.70282
}

Semantic roles & 50–950 ramp

primary

#B4E6C4

secondary

#C17EAB

accent

#288EBD

background

#FEFFFE

surface

#FAFEFB

border

#D3D6D4

text

#131614

muted

#838583

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

معاينة مع #B4E6C4

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

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