#F2A86F#F2A86F

#F2A86F لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.480؛ OKLCH L 79.1% C 0.114 H 57.8°. أفضل لون لنص المتن هو #000000 بتباين 10.61:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F2A86F
RGBrgb(242, 168, 111)
HSLhsl(26, 83%, 69%)
HSVhsv(26, 54%, 95%)
CMYKcmyk(0%, 30.6%, 54.1%, 5.1%)
CIE-LABlab(74.85, 21.24, 40.19)
CIE-LCHlch(74.85, 45.45, 62.15°)
OKLaboklab(79.11% 0.0608 0.0964)
OKLCHoklch(79.11% 0.114 57.8)
XYZxyz(53.4929, 48.0344, 21.4900)
Luminance0.4803 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F2A86F #6FB9F2
analogous
#F26F78 #F2A86F #F2EA6F
triadic
#F2A86F #6FF2A8 #A86FF2
tetradic
#F2A86F #78F26F #6FB9F2 #EA6FF2
square
#F2A86F #78F26F #6FB9F2 #EA6FF2
split-complementary
#F2A86F #6FF2EA #6F78F2
monochromatic
#D46713 #ED8637 #F2A86F #F7CAA7 #FCECDF

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

On white

1.98
#F2A86F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.61
#F2A86F on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F2A86F
10.61:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##F2A86F#FFFFFF#000000##000000
##F2A86F1.001.9810.6110.61
#FFFFFF1.981.0021.0021.00
#00000010.6121.001.001.00
##00000010.6121.001.001.00

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

Protanopia (red-blind)
#BEAE6A
Deuteranopia (green-blind)
#CFBF6F
Tritanopia (blue-blind)
#FF999A
Achromatopsia (no color)
#B8B8B8

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

CSS
--color: #f2a86f;
/* rgb */ color: rgb(242, 168, 111);
/* oklch */ color: oklch(79.1% 0.114 57.8);
Tailwind
colors: {
  custom: {
    50: '#fac299',
    500: '#f2a86f',
    950: '#000000',
  },
}
SCSS
$custom: #f2a86f;
$custom-light: #fac299;
$custom-dark: #000000;
JSON
{
  "hex": "#f2a86f",
  "rgb": {
    "r": 242,
    "g": 168,
    "b": 111
  },
  "hsl": {
    "h": 26.107,
    "s": 83.439,
    "l": 69.216
  },
  "oklch": {
    "l": 0.79105,
    "c": 0.11402,
    "h": 57.8
  },
  "luminance": 0.4803
}

Semantic roles & 50–950 ramp

primary
#F2A86F
secondary
#CBE1F1
accent
#81E006
background
#FFFBF9
surface
#FFF7F2
border
#D7D0CC
text
#18120E
muted
#86817E

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

معاينة مع #F2A86F

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

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

#F2A86F — Tintiva