#F4BC86#F4BC86

#F4BC86 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.569؛ OKLCH L 83.4% C 0.095 H 64.9°. أفضل لون لنص المتن هو #000000 بتباين 12.38:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F4BC86
RGBrgb(244, 188, 134)
HSLhsl(29, 83%, 74%)
HSVhsv(29, 45%, 96%)
CMYKcmyk(0%, 23%, 45.1%, 4.3%)
CIE-LABlab(80.14, 13.57, 35.04)
CIE-LCHlch(80.14, 37.58, 68.83°)
OKLaboklab(83.38% 0.0404 0.0861)
OKLCHoklch(83.38% 0.095 64.9)
XYZxyz(59.5969, 56.9244, 30.3981)
Luminance0.5692 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F4BC86 #86BEF4
analogous
#F48687 #F4BC86 #F4F386
triadic
#F4BC86 #86F4BC #BC86F4
tetradic
#F4BC86 #87F486 #86BEF4 #F386F4
square
#F4BC86 #87F486 #86BEF4 #F386F4
split-complementary
#F4BC86 #86F4F3 #8687F4
monochromatic
#EA7E16 #EF9D4E #F4BC86 #F9DBBE #FCEFE3

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

On white

1.70
#F4BC86 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.38
#F4BC86 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F4BC86#FFFFFF#000000##000000
##F4BC861.001.7012.3812.38
#FFFFFF1.701.0021.0021.00
#00000012.3821.001.001.00
##00000012.3821.001.001.00

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

Protanopia (red-blind)
#CEBF82
Deuteranopia (green-blind)
#DBCC87
Tritanopia (blue-blind)
#FFB0AE
Achromatopsia (no color)
#C7C7C7

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

CSS
--color: #f4bc86;
/* rgb */ color: rgb(244, 188, 134);
/* oklch */ color: oklch(83.4% 0.095 64.9);
Tailwind
colors: {
  custom: {
    50: '#fad0aa',
    500: '#f4bc86',
    950: '#000000',
  },
}
SCSS
$custom: #f4bc86;
$custom-light: #fad0aa;
$custom-dark: #000000;
JSON
{
  "hex": "#f4bc86",
  "rgb": {
    "r": 244,
    "g": 188,
    "b": 134
  },
  "hsl": {
    "h": 29.455,
    "s": 83.333,
    "l": 74.118
  },
  "oklch": {
    "l": 0.83383,
    "c": 0.09509,
    "h": 64.9
  },
  "luminance": 0.56921
}

Semantic roles & 50–950 ramp

primary
#F4BC86
secondary
#4E90D0
accent
#75E006
background
#FFFEFD
surface
#FFFBF7
border
#D7D4D0
text
#181410
muted
#868381

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

معاينة مع #F4BC86

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

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

#F4BC86 — Tintiva