#C4B660#C4B660

#C4B660 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.460؛ OKLCH L 77.0% C 0.109 H 100.2°. أفضل لون لنص المتن هو #000000 بتباين 10.21:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#C4B660
RGB	rgb(196, 182, 96)
HSL	hsl(52, 46%, 57%)
HSV	hsv(52, 51%, 77%)
CMYK	cmyk(0%, 7.1%, 51%, 23.1%)
CIE-LAB	lab(73.57, -6.44, 45.16)
CIE-LCH	lch(73.57, 45.61, 98.11°)
OKLab	oklab(76.99% -0.0193 0.107)
OKLCH	oklch(76.99% 0.109 100.2)
XYZ	xyz(41.6055, 46.0377, 17.7586)
Luminance	0.4604 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#C4B660 #606EC4

analogous

#C48460 #C4B660 #A0C460

triadic

#C4B660 #60C4B6 #B660C4

tetradic

#C4B660 #60C484 #606EC4 #C460A0

square

#C4B660 #60C484 #606EC4 #C460A0

split-complementary

#C4B660 #60A0C4 #8460C4

monochromatic

#7C712E #A89A3E #C4B660 #D5CA8D #E5DFB9

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

On white

2.06

#C4B660 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.21

#C4B660 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #C4B660

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

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

fg \ bg	##C4B660	#FFFFFF	#000000	##000000
##C4B660	1.00	2.06	10.21	10.21
#FFFFFF	2.06	1.00	21.00	21.00
#000000	10.21	21.00	1.00	1.00
##000000	10.21	21.00	1.00	1.00

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

Protanopia (red-blind)

#C4B258

Deuteranopia (green-blind)

#C8B764

Tritanopia (blue-blind)

#D1ABA2

Achromatopsia (no color)

#B5B5B5

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

CSS

--color: #c4b660;
/* rgb */ color: rgb(196, 182, 96);
/* oklch */ color: oklch(77.0% 0.109 100.2);

Tailwind

colors: {
  custom: {
    50: '#d8cb8f',
    500: '#c4b660',
    950: '#000000',
  },
}

SCSS

$custom: #c4b660;
$custom-light: #d8cb8f;
$custom-dark: #000000;

JSON

{
  "hex": "#c4b660",
  "rgb": {
    "r": 196,
    "g": 182,
    "b": 96
  },
  "hsl": {
    "h": 51.6,
    "s": 45.872,
    "l": 57.255
  },
  "oklch": {
    "l": 0.76994,
    "c": 0.10872,
    "h": 100.2
  },
  "luminance": 0.46036
}

Semantic roles & 50–950 ramp

primary

#C4B660

secondary

#ACB1D4

accent

#65D652

background

#FDFCF8

surface

#FBF8F0

border

#D4D1CB

text

#15130C

muted

#83827D

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

معاينة مع #C4B660

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

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