#E2D689#E2D689

#E2D689 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.661؛ OKLCH L 86.9% C 0.098 H 100.5°. أفضل لون لنص المتن هو #000000 بتباين 14.21:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#E2D689
RGB	rgb(226, 214, 137)
HSL	hsl(52, 61%, 71%)
HSV	hsv(52, 39%, 89%)
CMYK	cmyk(0%, 5.3%, 39.4%, 11.4%)
CIE-LAB	lab(85.03, -6.74, 39.50)
CIE-LCH	lch(85.03, 40.07, 99.68°)
OKLab	oklab(86.86% -0.0179 0.0966)
OKLCH	oklch(86.86% 0.098 100.5)
XYZ	xyz(59.9271, 66.0697, 33.2580)
Luminance	0.6607 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#E2D689 #8995E2

analogous

#E2A989 #E2D689 #C1E289

triadic

#E2D689 #89E2D6 #D689E2

tetradic

#E2D689 #89E2A9 #8995E2 #E289C1

square

#E2D689 #89E2A9 #8995E2 #E289C1

split-complementary

#E2D689 #89C1E2 #A989E2

monochromatic

#C1AD2F #D6C558 #E2D689 #EEE7BA #F9F6E6

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

On white

1.48

#E2D689 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.21

#E2D689 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #E2D689

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

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

fg \ bg	##E2D689	#FFFFFF	#000000	##000000
##E2D689	1.00	1.48	14.21	14.21
#FFFFFF	1.48	1.00	21.00	21.00
#000000	14.21	21.00	1.00	1.00
##000000	14.21	21.00	1.00	1.00

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

Protanopia (red-blind)

#E4D183

Deuteranopia (green-blind)

#E7D78C

Tritanopia (blue-blind)

#EECCC3

Achromatopsia (no color)

#D4D4D4

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

CSS

--color: #e2d689;
/* rgb */ color: rgb(226, 214, 137);
/* oklch */ color: oklch(86.9% 0.098 100.5);

Tailwind

colors: {
  custom: {
    50: '#ece2ac',
    500: '#e2d689',
    950: '#000000',
  },
}

SCSS

$custom: #e2d689;
$custom-light: #ece2ac;
$custom-dark: #000000;

JSON

{
  "hex": "#e2d689",
  "rgb": {
    "r": 226,
    "g": 214,
    "b": 137
  },
  "hsl": {
    "h": 51.91,
    "s": 60.544,
    "l": 71.176
  },
  "oklch": {
    "l": 0.86863,
    "c": 0.09829,
    "h": 100.5
  },
  "luminance": 0.66068
}

Semantic roles & 50–950 ramp

primary

#E2D689

secondary

#5563BA

accent

#34C81D

background

#FFFEFD

surface

#FEFCF7

border

#D6D5D0

text

#161510

muted

#858481

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

معاينة مع #E2D689

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

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