#CCF55A#CCF55A

#CCF55A لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.789؛ OKLCH L 91.2% C 0.184 H 122.8°. أفضل لون لنص المتن هو #000000 بتباين 16.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCF55A
RGBrgb(204, 245, 90)
HSLhsl(76, 89%, 66%)
HSVhsv(76, 63%, 96%)
CMYKcmyk(16.7%, 0%, 63.3%, 3.9%)
CIE-LABlab(91.18, -34.50, 67.85)
CIE-LCHlch(91.18, 76.12, 116.95°)
OKLaboklab(91.22% -0.0996 0.1548)
OKLCHoklch(91.22% 0.184 122.8)
XYZxyz(59.4003, 78.8802, 21.7669)
Luminance0.7888 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCF55A #835AF5
analogous
#F5D05A #CCF55A #7EF55A
triadic
#CCF55A #5ACCF5 #F55ACC
tetradic
#CCF55A #5AF5D0 #835AF5 #F55A7E
square
#CCF55A #5AF5D0 #835AF5 #F55A7E
split-complementary
#CCF55A #5A7EF5 #D05AF5
monochromatic
#97C80C #BAF220 #CCF55A #DEF894 #F0FCCD

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

On white

1.25
#CCF55A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.78
#CCF55A on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCF55A#FFFFFF#000000##000000
##CCF55A1.001.2516.7816.78
#FFFFFF1.251.0021.0021.00
#00000016.7821.001.001.00
##00000016.7821.001.001.00

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

Protanopia (red-blind)
#FFE746
Deuteranopia (green-blind)
#FDE665
Tritanopia (blue-blind)
#D6E9D5
Achromatopsia (no color)
#E6E6E6

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

CSS
--color: #ccf55a;
/* rgb */ color: rgb(204, 245, 90);
/* oklch */ color: oklch(91.2% 0.184 122.8);
Tailwind
colors: {
  custom: {
    50: '#dff88f',
    500: '#ccf55a',
    950: '#000000',
  },
}
SCSS
$custom: #ccf55a;
$custom-light: #dff88f;
$custom-dark: #000000;
JSON
{
  "hex": "#ccf55a",
  "rgb": {
    "r": 204,
    "g": 245,
    "b": 90
  },
  "hsl": {
    "h": 75.871,
    "s": 88.571,
    "l": 65.686
  },
  "oklch": {
    "l": 0.91215,
    "c": 0.18409,
    "h": 122.8
  },
  "luminance": 0.7888
}

Semantic roles & 50–950 ramp

primary
#CCF55A
secondary
#562EC5
accent
#00E53D
background
#FEFFFC
surface
#FCFFF4
border
#D5D7CE
text
#16170D
muted
#84857F

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

معاينة مع #CCF55A

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

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

#CCF55A — Tintiva