#F4D697#F4D697

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

قيم اللون

HEX#F4D697
RGBrgb(244, 214, 151)
HSLhsl(41, 81%, 77%)
HSVhsv(41, 38%, 96%)
CMYKcmyk(0%, 12.3%, 38.1%, 4.3%)
CIE-LABlab(86.78, 1.83, 34.97)
CIE-LCHlch(86.78, 35.01, 87.00°)
OKLaboklab(88.68% 0.0072 0.0866)
OKLCHoklch(88.68% 0.087 85.2)
XYZxyz(66.9423, 69.5632, 39.1730)
Luminance0.6956 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F4D697 #97B5F4
analogous
#F4A797 #F4D697 #E4F497
triadic
#F4D697 #97F4D6 #D697F4
tetradic
#F4D697 #97F4A7 #97B5F4 #F497E4
square
#F4D697 #97F4A7 #97B5F4 #F497E4
split-complementary
#F4D697 #97E4F4 #A797F4
monochromatic
#E8AA28 #EEC060 #F4D697 #FAECCE #FCF4E3

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

On white

1.41
#F4D697 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.91
#F4D697 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F4D697#FFFFFF#000000##000000
##F4D6971.001.4114.9114.91
#FFFFFF1.411.0021.0021.00
#00000014.9121.001.001.00
##00000014.9121.001.001.00

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

Protanopia (red-blind)
#E5D593
Deuteranopia (green-blind)
#ECDD99
Tritanopia (blue-blind)
#FFCCC6
Achromatopsia (no color)
#D9D9D9

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

CSS
--color: #f4d697;
/* rgb */ color: rgb(244, 214, 151);
/* oklch */ color: oklch(88.7% 0.087 85.2);
Tailwind
colors: {
  custom: {
    50: '#f9e2b6',
    500: '#f4d697',
    950: '#000000',
  },
}
SCSS
$custom: #f4d697;
$custom-light: #f9e2b6;
$custom-dark: #000000;
JSON
{
  "hex": "#f4d697",
  "rgb": {
    "r": 244,
    "g": 214,
    "b": 151
  },
  "hsl": {
    "h": 40.645,
    "s": 80.87,
    "l": 77.451
  },
  "oklch": {
    "l": 0.88681,
    "c": 0.08689,
    "h": 85.2
  },
  "luminance": 0.69561
}

Semantic roles & 50–950 ramp

primary
#F4D697
secondary
#5D83D2
accent
#4DDD08
background
#FFFEFD
surface
#FFFCF8
border
#D7D5D1
text
#171511
muted
#858481

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

معاينة مع #F4D697

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

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

#F4D697 — Tintiva