#CCF78C#CCF78C

#CCF78C لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.813؛ OKLCH L 92.2% C 0.142 H 126.9°. أفضل لون لنص المتن هو #000000 بتباين 17.25:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCF78C
RGBrgb(204, 247, 140)
HSLhsl(84, 87%, 76%)
HSVhsv(84, 43%, 97%)
CMYKcmyk(17.4%, 0%, 43.3%, 3.1%)
CIE-LABlab(92.24, -30.86, 46.84)
CIE-LCHlch(92.24, 56.09, 123.37°)
OKLaboklab(92.24% -0.0853 0.1136)
OKLCHoklch(92.24% 0.142 126.9)
XYZxyz(62.8958, 81.2516, 37.1754)
Luminance0.8125 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCF78C #B78CF7
analogous
#F7EC8C #CCF78C #96F78C
triadic
#CCF78C #8CCCF7 #F78CCC
tetradic
#CCF78C #8CF7EC #B78CF7 #F78C96
square
#CCF78C #8CF7EC #B78CF7 #F78C96
split-complementary
#CCF78C #8C96F7 #EC8CF7
monochromatic
#99EF1A #B3F353 #CCF78C #E5FBC5 #F2FDE2

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

On white

1.22
#CCF78C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.25
#CCF78C on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCF78C#FFFFFF#000000##000000
##CCF78C1.001.2217.2517.25
#FFFFFF1.221.0021.0021.00
#00000017.2521.001.001.00
##00000017.2521.001.001.00

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

Protanopia (red-blind)
#FFEA83
Deuteranopia (green-blind)
#FBE892
Tritanopia (blue-blind)
#D1EEDD
Achromatopsia (no color)
#E9E9E9

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

CSS
--color: #ccf78c;
/* rgb */ color: rgb(204, 247, 140);
/* oklch */ color: oklch(92.2% 0.142 126.9);
Tailwind
colors: {
  custom: {
    50: '#ddfaaf',
    500: '#ccf78c',
    950: '#000000',
  },
}
SCSS
$custom: #ccf78c;
$custom-light: #ddfaaf;
$custom-dark: #000000;
JSON
{
  "hex": "#ccf78c",
  "rgb": {
    "r": 204,
    "g": 247,
    "b": 140
  },
  "hsl": {
    "h": 84.112,
    "s": 86.992,
    "l": 75.882
  },
  "oklch": {
    "l": 0.92239,
    "c": 0.1421,
    "h": 126.9
  },
  "luminance": 0.81252
}

Semantic roles & 50–950 ramp

primary
#CCF78C
secondary
#8752D5
accent
#02E45D
background
#FEFFFD
surface
#FCFFF7
border
#D5D7D0
text
#151710
muted
#848581

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

معاينة مع #CCF78C

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

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

#CCF78C — Tintiva