#F0AF83#F0AF83

#F0AF83 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.508؛ OKLCH L 80.5% C 0.096 H 55.0°. أفضل لون لنص المتن هو #000000 بتباين 11.16:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F0AF83
RGB	rgb(240, 175, 131)
HSL	hsl(24, 78%, 73%)
HSV	hsv(24, 45%, 94%)
CMYK	cmyk(0%, 27.1%, 45.4%, 5.9%)
CIE-LAB	lab(76.57, 18.55, 31.88)
CIE-LCH	lch(76.57, 36.88, 59.81°)
OKLab	oklab(80.5% 0.0551 0.0787)
OKLCH	oklch(80.5% 0.096 55)
XYZ	xyz(55.3644, 50.8276, 28.3630)
Luminance	0.5082 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F0AF83 #83C4F0

analogous

#F0838E #F0AF83 #F0E583

triadic

#F0AF83 #83F0AF #AF83F0

tetradic

#F0AF83 #8EF083 #83C4F0 #E583F0

square

#F0AF83 #8EF083 #83C4F0 #E583F0

split-complementary

#F0AF83 #83F0E5 #838EF0

monochromatic

#DE6A1B #E98C4C #F0AF83 #F7D2BA #FCEDE4

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

On white

1.88

#F0AF83 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.16

#F0AF83 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F0AF83

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

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

fg \ bg	##F0AF83	#FFFFFF	#000000	##000000
##F0AF83	1.00	1.88	11.16	11.16
#FFFFFF	1.88	1.00	21.00	21.00
#000000	11.16	21.00	1.00	1.00
##000000	11.16	21.00	1.00	1.00

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

Protanopia (red-blind)

#C2B580

Deuteranopia (green-blind)

#D1C383

Tritanopia (blue-blind)

#FFA3A4

Achromatopsia (no color)

#BDBDBD

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

CSS

--color: #f0af83;
/* rgb */ color: rgb(240, 175, 131);
/* oklch */ color: oklch(80.5% 0.096 55.0);

Tailwind

colors: {
  custom: {
    50: '#f7c7a7',
    500: '#f0af83',
    950: '#000000',
  },
}

SCSS

$custom: #f0af83;
$custom-light: #f7c7a7;
$custom-dark: #000000;

JSON

{
  "hex": "#f0af83",
  "rgb": {
    "r": 240,
    "g": 175,
    "b": 131
  },
  "hsl": {
    "h": 24.22,
    "s": 78.417,
    "l": 72.745
  },
  "oklch": {
    "l": 0.80498,
    "c": 0.09606,
    "h": 55
  },
  "luminance": 0.50824
}

Semantic roles & 50–950 ramp

primary

#F0AF83

secondary

#4C98CB

accent

#87DB0B

background

#FFFDFC

surface

#FFF9F6

border

#D7D2D0

text

#17130F

muted

#858280

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

معاينة مع #F0AF83

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

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