#F4CC99#F4CC99

#F4CC99 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.647؛ OKLCH L 86.8% C 0.080 H 73.2°. أفضل لون لنص المتن هو #000000 بتباين 13.94:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F4CC99
RGB	rgb(244, 204, 153)
HSL	hsl(34, 81%, 78%)
HSV	hsv(34, 37%, 96%)
CMYK	cmyk(0%, 16.4%, 37.3%, 4.3%)
CIE-LAB	lab(84.34, 7.23, 30.70)
CIE-LCH	lch(84.34, 31.54, 76.75°)
OKLab	oklab(86.77% 0.0231 0.0766)
OKLCH	oklch(86.77% 0.08 73.2)
XYZ	xyz(64.6525, 64.7216, 39.2178)
Luminance	0.6472 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F4CC99 #99C1F4

analogous

#F49E99 #F4CC99 #EFF499

triadic

#F4CC99 #99F4CC #CC99F4

tetradic

#F4CC99 #99F49E #99C1F4 #F499EF

square

#F4CC99 #99F49E #99C1F4 #F499EF

split-complementary

#F4CC99 #99EFF4 #9E99F4

monochromatic

#E8952B #EEB062 #F4CC99 #FAE8D0 #FCF1E3

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

On white

1.51

#F4CC99 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.94

#F4CC99 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F4CC99

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

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

fg \ bg	##F4CC99	#FFFFFF	#000000	##000000
##F4CC99	1.00	1.51	13.94	13.94
#FFFFFF	1.51	1.00	21.00	21.00
#000000	13.94	21.00	1.00	1.00
##000000	13.94	21.00	1.00	1.00

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

Protanopia (red-blind)

#DBCD95

Deuteranopia (green-blind)

#E4D69A

Tritanopia (blue-blind)

#FFC2BF

Achromatopsia (no color)

#D2D2D2

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

CSS

--color: #f4cc99;
/* rgb */ color: rgb(244, 204, 153);
/* oklch */ color: oklch(86.8% 0.080 73.2);

Tailwind

colors: {
  custom: {
    50: '#f9dbb7',
    500: '#f4cc99',
    950: '#000000',
  },
}

SCSS

$custom: #f4cc99;
$custom-light: #f9dbb7;
$custom-dark: #000000;

JSON

{
  "hex": "#f4cc99",
  "rgb": {
    "r": 244,
    "g": 204,
    "b": 153
  },
  "hsl": {
    "h": 33.626,
    "s": 80.531,
    "l": 77.843
  },
  "oklch": {
    "l": 0.86773,
    "c": 0.08004,
    "h": 73.2
  },
  "luminance": 0.64719
}

Semantic roles & 50–950 ramp

primary

#F4CC99

secondary

#5F92D2

accent

#66DD09

background

#FFFEFD

surface

#FFFBF8

border

#D7D4D1

text

#171511

muted

#858481

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

معاينة مع #F4CC99

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

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