#568243#568243
#568243 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.183؛ OKLCH L 55.9% C 0.104 H 136.9°. أفضل لون لنص المتن هو #000000 بتباين 4.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #568243 |
|---|---|
| RGB | rgb(86, 130, 67) |
| HSL | hsl(102, 32%, 39%) |
| HSV | hsv(102, 48%, 51%) |
| CMYK | cmyk(33.8%, 0%, 48.5%, 49%) |
| CIE-LAB | lab(49.92, -27.61, 29.28) |
| CIE-LCH | lch(49.92, 40.24, 133.32°) |
| OKLab | oklab(55.87% -0.0758 0.0709) |
| OKLCH | oklch(55.87% 0.104 136.9) |
| XYZ | xyz(12.8331, 18.3484, 8.1745) |
| Luminance | 0.1835 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Fern Green
#548D44
ΔE00 4.15
Dark Sage
#598556
ΔE00 4.17
Military Green
#667C3E
ΔE00 5.01
Swamp
#698339
ΔE00 5.32
Moss Green (survey)
#658B38
ΔE00 5.64
Light Forest Green
#4F9153
ΔE00 5.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#568243 #6F4382
analogous
#758243 #568243 #43824F
triadic
#568243 #435682 #824356
tetradic
#568243 #437582 #6F4382 #824F43
square
#568243 #437582 #6F4382 #824F43
split-complementary
#568243 #4F4382 #824375
monochromatic
#213119 #3B5A2E #568243 #71A959 #94BE81
إمكانية الوصول والتباين
On white
4.50
#568243 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.67
#568243 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #568243
4.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##568243 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##568243 | 1.00 | 4.50 | 4.67 | 4.67 |
| #FFFFFF | 4.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#86793E
Deuteranopia (green-blind)
#7F7547
Tritanopia (blue-blind)
#547E73
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #568243; /* rgb */ color: rgb(86, 130, 67); /* oklch */ color: oklch(55.9% 0.104 136.9);
Tailwind
colors: {
custom: {
50: '#88a678',
500: '#568243',
950: '#000000',
},
}SCSS
$custom: #568243; $custom-light: #88a678; $custom-dark: #000000;
JSON
{
"hex": "#568243",
"rgb": {
"r": 86,
"g": 130,
"b": 67
},
"hsl": {
"h": 101.905,
"s": 31.98,
"l": 38.627
},
"oklch": {
"l": 0.55873,
"c": 0.1038,
"h": 136.9
},
"luminance": 0.18349
}Semantic roles & 50–950 ramp
primary
#568243
secondary
#9A78A9
accent
#60C8A9
background
#F8FAF7
surface
#F0F4ED
border
#CBCEC8
text
#0B0F09
muted
#7C7F7B