#F4EA63#F4EA63

#F4EA63 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.790؛ OKLCH L 92.0% C 0.155 H 105.1°. أفضل لون لنص المتن هو #000000 بتباين 16.80:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F4EA63
RGB	rgb(244, 234, 99)
HSL	hsl(56, 87%, 67%)
HSV	hsv(56, 59%, 96%)
CMYK	cmyk(0%, 4.1%, 59.4%, 4.3%)
CIE-LAB	lab(91.23, -12.84, 65.05)
CIE-LCH	lch(91.23, 66.31, 101.17°)
OKLab	oklab(91.99% -0.0401 0.1492)
OKLCH	oklch(91.99% 0.155 105.1)
XYZ	xyz(68.9855, 78.9819, 23.4131)
Luminance	0.7898 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F4EA63 #636DF4

analogous

#F4A263 #F4EA63 #B6F463

triadic

#F4EA63 #63F4EA #EA63F4

tetradic

#F4EA63 #63F4A2 #636DF4 #F463B6

square

#F4EA63 #63F4A2 #636DF4 #F463B6

split-complementary

#F4EA63 #63B6F4 #A263F4

monochromatic

#CEC10F #F0E22A #F4EA63 #F8F29C #FCF9D5

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

On white

1.25

#F4EA63 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.80

#F4EA63 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F4EA63

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

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

fg \ bg	##F4EA63	#FFFFFF	#000000	##000000
##F4EA63	1.00	1.25	16.80	16.80
#FFFFFF	1.25	1.00	21.00	21.00
#000000	16.80	21.00	1.00	1.00
##000000	16.80	21.00	1.00	1.00

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

Protanopia (red-blind)

#FDE254

Deuteranopia (green-blind)

#FFE96A

Tritanopia (blue-blind)

#FFDCCD

Achromatopsia (no color)

#E6E6E6

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

CSS

--color: #f4ea63;
/* rgb */ color: rgb(244, 234, 99);
/* oklch */ color: oklch(92.0% 0.155 105.1);

Tailwind

colors: {
  custom: {
    50: '#fbf094',
    500: '#f4ea63',
    950: '#000000',
  },
}

SCSS

$custom: #f4ea63;
$custom-light: #fbf094;
$custom-dark: #000000;

JSON

{
  "hex": "#f4ea63",
  "rgb": {
    "r": 244,
    "g": 234,
    "b": 99
  },
  "hsl": {
    "h": 55.862,
    "s": 86.826,
    "l": 67.255
  },
  "oklch": {
    "l": 0.91994,
    "c": 0.15455,
    "h": 105.1
  },
  "luminance": 0.7898
}

Semantic roles & 50–950 ramp

primary

#F4EA63

secondary

#313CCA

accent

#12E302

background

#FFFFFC

surface

#FFFEF5

border

#D7D6CF

text

#18160E

muted

#86857F

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

معاينة مع #F4EA63

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

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