#A0C237#A0C237
#A0C237 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.463؛ OKLCH L 76.3% C 0.165 H 122.5°. أفضل لون لنص المتن هو #000000 بتباين 10.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A0C237 |
|---|---|
| RGB | rgb(160, 194, 55) |
| HSL | hsl(75, 56%, 49%) |
| HSV | hsv(75, 72%, 76%) |
| CMYK | cmyk(17.5%, 0%, 71.6%, 23.9%) |
| CIE-LAB | lab(73.76, -30.31, 62.35) |
| CIE-LCH | lch(73.76, 69.33, 115.92°) |
| OKLab | oklab(76.35% -0.0886 0.1392) |
| OKLCH | oklch(76.35% 0.165 122.5) |
| XYZ | xyz(34.4790, 46.3329, 10.7404) |
| Luminance | 0.4633 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Sick Green
#9DB92C
ΔE00 2.52
Gross Green
#A0BF16
ΔE00 2.52
Pea
#A4BF20
ΔE00 2.55
Snot Green
#9DC100
ΔE00 2.85
Bright Olive
#9CBB04
ΔE00 3.28
Yellowgreen
#9ACD32
ΔE00 3.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A0C237 #5937C2
analogous
#C29F37 #A0C237 #5BC237
triadic
#A0C237 #37A0C2 #C237A0
tetradic
#A0C237 #37C29F #5937C2 #C2375B
square
#A0C237 #37C29F #5937C2 #C2375B
split-complementary
#A0C237 #375BC2 #9F37C2
monochromatic
#51631C #799229 #A0C237 #B8D363 #CDE093
إمكانية الوصول والتباين
On white
2.05
#A0C237 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.27
#A0C237 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A0C237
10.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A0C237 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A0C237 | 1.00 | 2.05 | 10.27 | 10.27 |
| #FFFFFF | 2.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CDB61E
Deuteranopia (green-blind)
#C9B543
Tritanopia (blue-blind)
#A8B8A7
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #a0c237; /* rgb */ color: rgb(160, 194, 55); /* oklch */ color: oklch(76.3% 0.165 122.5);
Tailwind
colors: {
custom: {
50: '#c0d477',
500: '#a0c237',
950: '#000000',
},
}SCSS
$custom: #a0c237; $custom-light: #c0d477; $custom-dark: #000000;
JSON
{
"hex": "#a0c237",
"rgb": {
"r": 160,
"g": 194,
"b": 55
},
"hsl": {
"h": 74.676,
"s": 55.823,
"l": 48.824
},
"oklch": {
"l": 0.76347,
"c": 0.16497,
"h": 122.5
},
"luminance": 0.46333
}Semantic roles & 50–950 ramp
primary
#A0C237
secondary
#9A89CB
accent
#49DF6D
background
#FCFDF7
surface
#F8FAEE
border
#D1D3C9
text
#131409
muted
#82837B