#BCA55A#BCA55A

#BCA55A لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.383؛ OKLCH L 72.6% C 0.099 H 92.7°. أفضل لون لنص المتن هو #000000 بتباين 8.67:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#BCA55A
RGB	rgb(188, 165, 90)
HSL	hsl(46, 42%, 55%)
HSV	hsv(46, 52%, 74%)
CMYK	cmyk(0%, 12.2%, 52.1%, 26.3%)
CIE-LAB	lab(68.27, -1.34, 41.61)
CIE-LCH	lch(68.27, 41.63, 91.84°)
OKLab	oklab(72.61% -0.0047 0.0988)
OKLCH	oklch(72.61% 0.099 92.7)
XYZ	xyz(36.0409, 38.3414, 15.1731)
Luminance	0.3834 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#BCA55A #5A71BC

analogous

#BC745A #BCA55A #A2BC5A

triadic

#BCA55A #5ABCA5 #A55ABC

tetradic

#BCA55A #5ABC74 #5A71BC #BC5AA2

square

#BCA55A #5ABC74 #5A71BC #BC5AA2

split-complementary

#BCA55A #5AA2BC #745ABC

monochromatic

#6F5F2D #9A853F #BCA55A #CEBD86 #DFD4B1

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

On white

2.42

#BCA55A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.67

#BCA55A on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #BCA55A

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

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

fg \ bg	##BCA55A	#FFFFFF	#000000	##000000
##BCA55A	1.00	2.42	8.67	8.67
#FFFFFF	2.42	1.00	21.00	21.00
#000000	8.67	21.00	1.00	1.00
##000000	8.67	21.00	1.00	1.00

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

Protanopia (red-blind)

#B3A253

Deuteranopia (green-blind)

#B9A95D

Tritanopia (blue-blind)

#C99B93

Achromatopsia (no color)

#A6A6A6

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

CSS

--color: #bca55a;
/* rgb */ color: rgb(188, 165, 90);
/* oklch */ color: oklch(72.6% 0.099 92.7);

Tailwind

colors: {
  custom: {
    50: '#d2bf8a',
    500: '#bca55a',
    950: '#000000',
  },
}

SCSS

$custom: #bca55a;
$custom-light: #d2bf8a;
$custom-dark: #000000;

JSON

{
  "hex": "#bca55a",
  "rgb": {
    "r": 188,
    "g": 165,
    "b": 90
  },
  "hsl": {
    "h": 45.918,
    "s": 42.241,
    "l": 54.51
  },
  "oklch": {
    "l": 0.72608,
    "c": 0.09891,
    "h": 92.7
  },
  "luminance": 0.3834
}

Semantic roles & 50–950 ramp

primary

#BCA55A

secondary

#A4AECE

accent

#73D256

background

#FDFBF8

surface

#FAF7F0

border

#D3D0CB

text

#14120C

muted

#83817D

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

معاينة مع #BCA55A

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

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