#F8D397#F8D397

#F8D397 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.688؛ OKLCH L 88.5% C 0.087 H 79.3°. أفضل لون لنص المتن هو #000000 بتباين 14.76:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F8D397
RGBrgb(248, 211, 151)
HSLhsl(37, 87%, 78%)
HSVhsv(37, 39%, 97%)
CMYKcmyk(0%, 14.9%, 39.1%, 2.7%)
CIE-LABlab(86.40, 4.94, 34.52)
CIE-LCHlch(86.40, 34.87, 81.86°)
OKLaboklab(88.46% 0.0161 0.0855)
OKLCHoklch(88.46% 0.087 79.3)
XYZxyz(67.5934, 68.7823, 38.9880)
Luminance0.6878 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F8D397 #97BCF8
analogous
#F8A297 #F8D397 #EDF897
triadic
#F8D397 #97F8D3 #D397F8
tetradic
#F8D397 #97F8A2 #97BCF8 #F897ED
square
#F8D397 #97F8A2 #97BCF8 #F897ED
split-complementary
#F8D397 #97EDF8 #A297F8
monochromatic
#F0A224 #F4BB5E #F8D397 #FCEBD0 #FDF3E2

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

On white

1.42
#F8D397 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.76
#F8D397 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F8D397#FFFFFF#000000##000000
##F8D3971.001.4214.7614.76
#FFFFFF1.421.0021.0021.00
#00000014.7621.001.001.00
##00000014.7621.001.001.00

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

Protanopia (red-blind)
#E3D393
Deuteranopia (green-blind)
#ECDC99
Tritanopia (blue-blind)
#FFC8C3
Achromatopsia (no color)
#D8D8D8

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

CSS
--color: #f8d397;
/* rgb */ color: rgb(248, 211, 151);
/* oklch */ color: oklch(88.5% 0.087 79.3);
Tailwind
colors: {
  custom: {
    50: '#fce0b6',
    500: '#f8d397',
    950: '#000000',
  },
}
SCSS
$custom: #f8d397;
$custom-light: #fce0b6;
$custom-dark: #000000;
JSON
{
  "hex": "#f8d397",
  "rgb": {
    "r": 248,
    "g": 211,
    "b": 151
  },
  "hsl": {
    "h": 37.113,
    "s": 87.387,
    "l": 78.235
  },
  "oklch": {
    "l": 0.88461,
    "c": 0.08704,
    "h": 79.3
  },
  "luminance": 0.68779
}

Semantic roles & 50–950 ramp

primary
#F8D397
secondary
#5C8BD8
accent
#58E402
background
#FFFEFD
surface
#FFFCF8
border
#D7D5D1
text
#181511
muted
#868481

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

معاينة مع #F8D397

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

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

#F8D397 — Tintiva