#F4C8AF#F4C8AF

#F4C8AF لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.636؛ OKLCH L 86.5% C 0.061 H 51.2°. أفضل لون لنص المتن هو #000000 بتباين 13.73:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F4C8AF
RGB	rgb(244, 200, 175)
HSL	hsl(22, 76%, 82%)
HSV	hsv(22, 28%, 96%)
CMYK	cmyk(0%, 18%, 28.3%, 4.3%)
CIE-LAB	lab(83.78, 12.02, 18.38)
CIE-LCH	lch(83.78, 21.96, 56.82°)
OKLab	oklab(86.47% 0.0379 0.0472)
OKLCH	oklch(86.47% 0.061 51.2)
XYZ	xyz(65.7014, 63.6396, 49.3720)
Luminance	0.6364 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F4C8AF #AFDBF4

analogous

#F4AFB9 #F4C8AF #F4EAAF

triadic

#F4C8AF #AFF4C8 #C8AFF4

tetradic

#F4C8AF #B9F4AF #AFDBF4 #EAAFF4

square

#F4C8AF #B9F4AF #AFDBF4 #EAAFF4

split-complementary

#F4C8AF #AFF4EA #AFB9F4

monochromatic

#E57E43 #EDA379 #F4C8AF #FBEDE4 #FBEDE4

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

On white

1.53

#F4C8AF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.73

#F4C8AF on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F4C8AF

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

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

fg \ bg	##F4C8AF	#FFFFFF	#000000	##000000
##F4C8AF	1.00	1.53	13.73	13.73
#FFFFFF	1.53	1.00	21.00	21.00
#000000	13.73	21.00	1.00	1.00
##000000	13.73	21.00	1.00	1.00

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

Protanopia (red-blind)

#D4CBAD

Deuteranopia (green-blind)

#DED5AF

Tritanopia (blue-blind)

#FFC0C1

Achromatopsia (no color)

#D1D1D1

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

CSS

--color: #f4c8af;
/* rgb */ color: rgb(244, 200, 175);
/* oklch */ color: oklch(86.5% 0.061 51.2);

Tailwind

colors: {
  custom: {
    50: '#f8d8c7',
    500: '#f4c8af',
    950: '#000000',
  },
}

SCSS

$custom: #f4c8af;
$custom-light: #f8d8c7;
$custom-dark: #000000;

JSON

{
  "hex": "#f4c8af",
  "rgb": {
    "r": 244,
    "g": 200,
    "b": 175
  },
  "hsl": {
    "h": 21.739,
    "s": 75.824,
    "l": 82.157
  },
  "oklch": {
    "l": 0.86469,
    "c": 0.06055,
    "h": 51.2
  },
  "luminance": 0.63637
}

Semantic roles & 50–950 ramp

primary

#F4C8AF

secondary

#73B1D4

accent

#8FD80D

background

#FFFEFD

surface

#FFFBF9

border

#D7D4D2

text

#171413

muted

#858382

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

معاينة مع #F4C8AF

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

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