#F4E7C1#F4E7C1

#F4E7C1 لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.802؛ OKLCH L 92.9% C 0.052 H 91.4°. أفضل لون لنص المتن هو #000000 بتباين 17.05:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F4E7C1
RGB	rgb(244, 231, 193)
HSL	hsl(45, 70%, 86%)
HSV	hsv(45, 21%, 96%)
CMYK	cmyk(0%, 5.3%, 20.9%, 4.3%)
CIE-LAB	lab(91.79, -1.53, 20.12)
CIE-LCH	lch(91.79, 20.18, 94.36°)
OKLab	oklab(92.87% -0.0012 0.0516)
OKLCH	oklch(92.87% 0.052 91.4)
XYZ	xyz(75.5096, 80.2366, 61.9512)
Luminance	0.8024 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F4E7C1 #C1CEF4

analogous

#F4CDC1 #F4E7C1 #E7F4C1

triadic

#F4E7C1 #C1F4E7 #E7C1F4

tetradic

#F4E7C1 #C1F4CD #C1CEF4 #F4C1E7

square

#F4E7C1 #C1F4CD #C1CEF4 #F4C1E7

split-complementary

#F4E7C1 #C1E7F4 #CDC1F4

monochromatic

#E2BF59 #EBD38D #F4E7C1 #FAF5E5 #FAF5E5

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

On white

1.23

#F4E7C1 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.05

#F4E7C1 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F4E7C1

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

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

fg \ bg	##F4E7C1	#FFFFFF	#000000	##000000
##F4E7C1	1.00	1.23	17.05	17.05
#FFFFFF	1.23	1.00	21.00	21.00
#000000	17.05	21.00	1.00	1.00
##000000	17.05	21.00	1.00	1.00

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

Protanopia (red-blind)

#F0E5BF

Deuteranopia (green-blind)

#F3E9C2

Tritanopia (blue-blind)

#FDE1DC

Achromatopsia (no color)

#E7E7E7

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

CSS

--color: #f4e7c1;
/* rgb */ color: rgb(244, 231, 193);
/* oklch */ color: oklch(92.9% 0.052 91.4);

Tailwind

colors: {
  custom: {
    50: '#f8eed3',
    500: '#f4e7c1',
    950: '#000000',
  },
}

SCSS

$custom: #f4e7c1;
$custom-light: #f8eed3;
$custom-dark: #000000;

JSON

{
  "hex": "#f4e7c1",
  "rgb": {
    "r": 244,
    "g": 231,
    "b": 193
  },
  "hsl": {
    "h": 44.706,
    "s": 69.863,
    "l": 85.686
  },
  "oklch": {
    "l": 0.92874,
    "c": 0.05161,
    "h": 91.4
  },
  "luminance": 0.80235
}

Semantic roles & 50–950 ramp

primary

#F4E7C1

secondary

#8499D5

accent

#44D214

background

#FFFFFE

surface

#FFFEFB

border

#D7D6D4

text

#171614

muted

#858583

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

معاينة مع #F4E7C1

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

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