#9CC331#9CC331

#9CC331 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.463؛ OKLCH L 76.3% C 0.171 H 123.8°. أفضل لون لنص المتن هو #000000 بتباين 10.26:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#9CC331
RGB	rgb(156, 195, 49)
HSL	hsl(76, 60%, 48%)
HSV	hsv(76, 75%, 76%)
CMYK	cmyk(20%, 0%, 74.9%, 23.5%)
CIE-LAB	lab(73.75, -32.69, 64.31)
CIE-LCH	lch(73.75, 72.15, 116.95°)
OKLab	oklab(76.26% -0.0954 0.1425)
OKLCH	oklch(76.26% 0.171 123.8)
XYZ	xyz(33.7802, 46.3196, 10.0661)
Luminance	0.4632 (WCAG relative)
Temperature	warm
Family	yellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#9CC331 #5831C3

analogous

#C3A131 #9CC331 #53C331

triadic

#9CC331 #319CC3 #C3319C

tetradic

#9CC331 #31C3A1 #5831C3 #C33153

square

#9CC331 #31C3A1 #5831C3 #C33153

split-complementary

#9CC331 #3153C3 #A131C3

monochromatic

#4E6118 #759225 #9CC331 #B5D65B #CBE28C

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

On white

2.05

#9CC331 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.26

#9CC331 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #9CC331

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

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

fg \ bg	##9CC331	#FFFFFF	#000000	##000000
##9CC331	1.00	2.05	10.26	10.26
#FFFFFF	2.05	1.00	21.00	21.00
#000000	10.26	21.00	1.00	1.00
##000000	10.26	21.00	1.00	1.00

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

Protanopia (red-blind)

#CEB60F

Deuteranopia (green-blind)

#C9B53F

Tritanopia (blue-blind)

#A4B9A7

Achromatopsia (no color)

#B5B5B5

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

CSS

--color: #9cc331;
/* rgb */ color: rgb(156, 195, 49);
/* oklch */ color: oklch(76.3% 0.171 123.8);

Tailwind

colors: {
  custom: {
    50: '#bdd574',
    500: '#9cc331',
    950: '#000000',
  },
}

SCSS

$custom: #9cc331;
$custom-light: #bdd574;
$custom-dark: #000000;

JSON

{
  "hex": "#9cc331",
  "rgb": {
    "r": 156,
    "g": 195,
    "b": 49
  },
  "hsl": {
    "h": 76.027,
    "s": 59.836,
    "l": 47.843
  },
  "oklch": {
    "l": 0.76261,
    "c": 0.17143,
    "h": 123.8
  },
  "luminance": 0.4632
}

Semantic roles & 50–950 ramp

primary

#9CC331

secondary

#9783CC

accent

#45E36F

background

#FCFDF7

surface

#F8FAED

border

#D1D3C8

text

#121409

muted

#81837B

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

معاينة مع #9CC331

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

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