#F5BC86#F5BC86

#F5BC86 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.571؛ OKLCH L 83.5% C 0.096 H 64.4°. أفضل لون لنص المتن هو #000000 بتباين 12.42:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F5BC86
RGBrgb(245, 188, 134)
HSLhsl(29, 85%, 74%)
HSVhsv(29, 45%, 96%)
CMYKcmyk(0%, 23.3%, 45.3%, 3.9%)
CIE-LABlab(80.24, 13.97, 35.19)
CIE-LCHlch(80.24, 37.86, 68.35°)
OKLaboklab(83.49% 0.0415 0.0864)
OKLCHoklch(83.49% 0.096 64.4)
XYZxyz(59.9449, 57.1038, 30.4144)
Luminance0.5710 (WCAG relative)
Temperaturewarm
Familyorange

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F5BC86 #86BFF5
analogous
#F58688 #F5BC86 #F5F386
triadic
#F5BC86 #86F5BC #BC86F5
tetradic
#F5BC86 #88F586 #86BFF5 #F386F5
square
#F5BC86 #88F586 #86BFF5 #F386F5
split-complementary
#F5BC86 #86F5F3 #8688F5
monochromatic
#EC7D15 #F09D4D #F5BC86 #FADBBF #FDEFE3

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

On white

1.69
#F5BC86 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.42
#F5BC86 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F5BC86#FFFFFF#000000##000000
##F5BC861.001.6912.4212.42
#FFFFFF1.691.0021.0021.00
#00000012.4221.001.001.00
##00000012.4221.001.001.00

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

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

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

CSS
--color: #f5bc86;
/* rgb */ color: rgb(245, 188, 134);
/* oklch */ color: oklch(83.5% 0.096 64.4);
Tailwind
colors: {
  custom: {
    50: '#fbd0aa',
    500: '#f5bc86',
    950: '#000000',
  },
}
SCSS
$custom: #f5bc86;
$custom-light: #fbd0aa;
$custom-dark: #000000;
JSON
{
  "hex": "#f5bc86",
  "rgb": {
    "r": 245,
    "g": 188,
    "b": 134
  },
  "hsl": {
    "h": 29.189,
    "s": 84.733,
    "l": 74.314
  },
  "oklch": {
    "l": 0.83485,
    "c": 0.09588,
    "h": 64.4
  },
  "luminance": 0.571
}

Semantic roles & 50–950 ramp

primary
#F5BC86
secondary
#4E91D2
accent
#76E104
background
#FFFEFD
surface
#FFFBF7
border
#D7D4D0
text
#181410
muted
#868381

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

معاينة مع #F5BC86

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

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

#F5BC86 — Tintiva