#C4B260#C4B260

#C4B260 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.444؛ OKLCH L 76.2% C 0.105 H 97.2°. أفضل لون لنص المتن هو #000000 بتباين 9.88:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#C4B260
RGB	rgb(196, 178, 96)
HSL	hsl(49, 46%, 57%)
HSV	hsv(49, 51%, 77%)
CMYK	cmyk(0%, 9.2%, 51%, 23.1%)
CIE-LAB	lab(72.51, -4.34, 43.89)
CIE-LCH	lch(72.51, 44.10, 95.65°)
OKLab	oklab(76.16% -0.0132 0.1042)
OKLCH	oklch(76.16% 0.105 97.2)
XYZ	xyz(40.7980, 44.4227, 17.4895)
Luminance	0.4442 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#C4B260 #6072C4

analogous

#C48060 #C4B260 #A4C460

triadic

#C4B260 #60C4B2 #B260C4

tetradic

#C4B260 #60C480 #6072C4 #C460A4

square

#C4B260 #60C480 #6072C4 #C460A4

split-complementary

#C4B260 #60A4C4 #8060C4

monochromatic

#7C6E2E #A8953E #C4B260 #D5C88D #E5DDB9

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

On white

2.12

#C4B260 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.88

#C4B260 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #C4B260

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

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

fg \ bg	##C4B260	#FFFFFF	#000000	##000000
##C4B260	1.00	2.12	9.88	9.88
#FFFFFF	2.12	1.00	21.00	21.00
#000000	9.88	21.00	1.00	1.00
##000000	9.88	21.00	1.00	1.00

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

Protanopia (red-blind)

#C0AE59

Deuteranopia (green-blind)

#C5B563

Tritanopia (blue-blind)

#D1A79F

Achromatopsia (no color)

#B2B2B2

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

CSS

--color: #c4b260;
/* rgb */ color: rgb(196, 178, 96);
/* oklch */ color: oklch(76.2% 0.105 97.2);

Tailwind

colors: {
  custom: {
    50: '#d8c88f',
    500: '#c4b260',
    950: '#000000',
  },
}

SCSS

$custom: #c4b260;
$custom-light: #d8c88f;
$custom-dark: #000000;

JSON

{
  "hex": "#c4b260",
  "rgb": {
    "r": 196,
    "g": 178,
    "b": 96
  },
  "hsl": {
    "h": 49.2,
    "s": 45.872,
    "l": 57.255
  },
  "oklch": {
    "l": 0.76155,
    "c": 0.10505,
    "h": 97.2
  },
  "luminance": 0.44421
}

Semantic roles & 50–950 ramp

primary

#C4B260

secondary

#ACB3D4

accent

#6AD652

background

#FDFCF8

surface

#FBF8F0

border

#D4D1CB

text

#15130C

muted

#83827D

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

معاينة مع #C4B260

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

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