#CCB76D#CCB76D

#CCB76D لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.478؛ OKLCH L 78.1% C 0.097 H 94.0°. أفضل لون لنص المتن هو #000000 بتباين 10.56:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCB76D
RGBrgb(204, 183, 109)
HSLhsl(47, 48%, 61%)
HSVhsv(47, 47%, 80%)
CMYKcmyk(0%, 10.3%, 46.6%, 20%)
CIE-LABlab(74.71, -2.44, 40.21)
CIE-LCHlch(74.71, 40.28, 93.47°)
OKLaboklab(78.11% -0.0068 0.0969)
OKLCHoklch(78.11% 0.097 94)
XYZxyz(44.5970, 47.8102, 21.3442)
Luminance0.4781 (WCAG relative)
Temperaturewarm
Familyyellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCB76D #6D82CC
analogous
#CC886D #CCB76D #B2CC6D
triadic
#CCB76D #6DCCB7 #B76DCC
tetradic
#CCB76D #6DCC88 #6D82CC #CC6DB2
square
#CCB76D #6DCC88 #6D82CC #CC6DB2
split-complementary
#CCB76D #6DB2CC #886DCC
monochromatic
#8D7931 #BBA041 #CCB76D #DCCD9A #ECE4C8

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

On white

1.99
#CCB76D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.56
#CCB76D on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCB76D#FFFFFF#000000##000000
##CCB76D1.001.9910.5610.56
#FFFFFF1.991.0021.0021.00
#00000010.5621.001.001.00
##00000010.5621.001.001.00

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

Protanopia (red-blind)
#C5B467
Deuteranopia (green-blind)
#CBBB70
Tritanopia (blue-blind)
#D9ADA5
Achromatopsia (no color)
#B8B8B8

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

CSS
--color: #ccb76d;
/* rgb */ color: rgb(204, 183, 109);
/* oklch */ color: oklch(78.1% 0.097 94.0);
Tailwind
colors: {
  custom: {
    50: '#ddcc98',
    500: '#ccb76d',
    950: '#000000',
  },
}
SCSS
$custom: #ccb76d;
$custom-light: #ddcc98;
$custom-dark: #000000;
JSON
{
  "hex": "#ccb76d",
  "rgb": {
    "r": 204,
    "g": 183,
    "b": 109
  },
  "hsl": {
    "h": 46.737,
    "s": 48.223,
    "l": 61.373
  },
  "oklch": {
    "l": 0.78115,
    "c": 0.09716,
    "h": 94
  },
  "luminance": 0.47808
}

Semantic roles & 50–950 ramp

primary
#CCB76D
secondary
#B9C0DC
accent
#4ABC2A
background
#FDFCF9
surface
#FBF8F2
border
#D4D1CC
text
#15130E
muted
#83827E

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

معاينة مع #CCB76D

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

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

#CCB76D — Tintiva