#F4ECB4#F4ECB4

#F4ECB4 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.825؛ OKLCH L 93.6% C 0.073 H 100.8°. أفضل لون لنص المتن هو #000000 بتباين 17.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F4ECB4
RGB	rgb(244, 236, 180)
HSL	hsl(53, 74%, 83%)
HSV	hsv(53, 26%, 96%)
CMYK	cmyk(0%, 3.3%, 26.2%, 4.3%)
CIE-LAB	lab(92.80, -5.84, 28.20)
CIE-LCH	lch(92.80, 28.79, 101.69°)
OKLab	oklab(93.59% -0.0136 0.0712)
OKLCH	oklch(93.59% 0.073 100.8)
XYZ	xyz(75.5421, 82.5207, 55.1198)
Luminance	0.8252 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F4ECB4 #B4BCF4

analogous

#F4CCB4 #F4ECB4 #DCF4B4

triadic

#F4ECB4 #B4F4EC #ECB4F4

tetradic

#F4ECB4 #B4F4CC #B4BCF4 #F4B4DC

square

#F4ECB4 #B4F4CC #B4BCF4 #F4B4DC

split-complementary

#F4ECB4 #B4DCF4 #CCB4F4

monochromatic

#E4D149 #ECDE7F #F4ECB4 #FBF8E4 #FBF8E4

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

On white

1.20

#F4ECB4 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.50

#F4ECB4 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F4ECB4

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

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

fg \ bg	##F4ECB4	#FFFFFF	#000000	##000000
##F4ECB4	1.00	1.20	17.50	17.50
#FFFFFF	1.20	1.00	21.00	21.00
#000000	17.50	21.00	1.00	1.00
##000000	17.50	21.00	1.00	1.00

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

Protanopia (red-blind)

#F7E8B0

Deuteranopia (green-blind)

#F9ECB6

Tritanopia (blue-blind)

#FEE4DD

Achromatopsia (no color)

#EAEAEA

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

CSS

--color: #f4ecb4;
/* rgb */ color: rgb(244, 236, 180);
/* oklch */ color: oklch(93.6% 0.073 100.8);

Tailwind

colors: {
  custom: {
    50: '#f8f2ca',
    500: '#f4ecb4',
    950: '#000000',
  },
}

SCSS

$custom: #f4ecb4;
$custom-light: #f8f2ca;
$custom-dark: #000000;

JSON

{
  "hex": "#f4ecb4",
  "rgb": {
    "r": 244,
    "g": 236,
    "b": 180
  },
  "hsl": {
    "h": 52.5,
    "s": 74.419,
    "l": 83.137
  },
  "oklch": {
    "l": 0.93592,
    "c": 0.07252,
    "h": 100.8
  },
  "luminance": 0.82519
}

Semantic roles & 50–950 ramp

primary

#F4ECB4

secondary

#7883D4

accent

#28D70F

background

#FFFFFD

surface

#FFFEF9

border

#D7D6D2

text

#171613

muted

#858582

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

معاينة مع #F4ECB4

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

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