#CCD63F#CCD63F

#CCD63F لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.613؛ OKLCH L 84.2% C 0.167 H 113.2°. أفضل لون لنص المتن هو #000000 بتباين 13.26:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCD63F
RGBrgb(204, 214, 63)
HSLhsl(64, 65%, 54%)
HSVhsv(64, 71%, 84%)
CMYKcmyk(4.7%, 0%, 70.6%, 16.1%)
CIE-LABlab(82.53, -21.50, 69.17)
CIE-LCHlch(82.53, 72.43, 107.27°)
OKLaboklab(84.21% -0.0659 0.1536)
OKLCHoklch(84.21% 0.167 113.2)
XYZxyz(49.8471, 61.2904, 13.9061)
Luminance0.6129 (WCAG relative)
Temperaturewarm
Familyyellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD63F #493FD6
analogous
#D6953F #CCD63F #80D63F
triadic
#CCD63F #3FCCD6 #D63FCC
tetradic
#CCD63F #3FD695 #493FD6 #D63F80
square
#CCD63F #3FD695 #493FD6 #D63F80
split-complementary
#CCD63F #3F80D6 #953FD6
monochromatic
#797F1B #A9B226 #CCD63F #D9E171 #E7ECA4

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

On white

1.58
#CCD63F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.26
#CCD63F on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD63F#FFFFFF#000000##000000
##CCD63F1.001.5813.2613.26
#FFFFFF1.581.0021.0021.00
#00000013.2621.001.001.00
##00000013.2621.001.001.00

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

Protanopia (red-blind)
#E6CC24
Deuteranopia (green-blind)
#E6CF4B
Tritanopia (blue-blind)
#DAC9B9
Achromatopsia (no color)
#CDCDCD

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

CSS
--color: #ccd63f;
/* rgb */ color: rgb(204, 214, 63);
/* oklch */ color: oklch(84.2% 0.167 113.2);
Tailwind
colors: {
  custom: {
    50: '#dfe27e',
    500: '#ccd63f',
    950: '#000000',
  },
}
SCSS
$custom: #ccd63f;
$custom-light: #dfe27e;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd63f",
  "rgb": {
    "r": 204,
    "g": 214,
    "b": 63
  },
  "hsl": {
    "h": 63.974,
    "s": 64.807,
    "l": 54.314
  },
  "oklch": {
    "l": 0.84205,
    "c": 0.16716,
    "h": 113.2
  },
  "luminance": 0.61289
}

Semantic roles & 50–950 ramp

primary
#CCD63F
secondary
#383387
accent
#40E84B
background
#FEFEFB
surface
#FCFCF2
border
#D5D5CC
text
#16150B
muted
#84847E

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

معاينة مع #CCD63F

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

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

#CCD63F — Tintiva