#F7BC7B#F7BC7B

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

قيم اللون

HEX	#F7BC7B
RGB	rgb(247, 188, 123)
HSL	hsl(31, 89%, 73%)
HSV	hsv(31, 50%, 97%)
CMYK	cmyk(0%, 23.9%, 50.2%, 3.1%)
CIE-LAB	lab(80.28, 13.73, 40.95)
CIE-LCH	lch(80.28, 43.19, 71.46°)
OKLab	oklab(83.51% 0.0396 0.0989)
OKLCH	oklch(83.51% 0.107 68.2)
XYZ	xyz(59.9189, 57.1745, 26.6149)
Luminance	0.5717 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F7BC7B #7BB6F7

analogous

#F77E7B #F7BC7B #F4F77B

triadic

#F7BC7B #7BF7BC #BC7BF7

tetradic

#F7BC7B #7BF77E #7BB6F7 #F77BF4

square

#F7BC7B #7BF77E #7BB6F7 #F77BF4

split-complementary

#F7BC7B #7BF4F7 #7E7BF7

monochromatic

#E9810E #F49F41 #F7BC7B #FAD9B5 #FDF0E2

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

On white

1.69

#F7BC7B on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.43

#F7BC7B on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F7BC7B

12.43:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##F7BC7B	#FFFFFF	#000000	##000000
##F7BC7B	1.00	1.69	12.43	12.43
#FFFFFF	1.69	1.00	21.00	21.00
#000000	12.43	21.00	1.00	1.00
##000000	12.43	21.00	1.00	1.00

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

Protanopia (red-blind)

#D0BF76

Deuteranopia (green-blind)

#DECD7C

Tritanopia (blue-blind)

#FFAEAC

Achromatopsia (no color)

#C7C7C7

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

CSS

--color: #f7bc7b;
/* rgb */ color: rgb(247, 188, 123);
/* oklch */ color: oklch(83.5% 0.107 68.2);

Tailwind

colors: {
  custom: {
    50: '#fdd0a2',
    500: '#f7bc7b',
    950: '#000000',
  },
}

SCSS

$custom: #f7bc7b;
$custom-light: #fdd0a2;
$custom-dark: #000000;

JSON

{
  "hex": "#f7bc7b",
  "rgb": {
    "r": 247,
    "g": 188,
    "b": 123
  },
  "hsl": {
    "h": 31.452,
    "s": 88.571,
    "l": 72.549
  },
  "oklch": {
    "l": 0.83508,
    "c": 0.10655,
    "h": 68.2
  },
  "luminance": 0.57171
}

Semantic roles & 50–950 ramp

primary

#F7BC7B

secondary

#4388D3

accent

#6DE500

background

#FFFEFC

surface

#FFFBF5

border

#D7D4CF

text

#18140F

muted

#868380

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

معاينة مع #F7BC7B

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

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