#536E5A#536E5A
#536E5A لون متوسط وخافت من عائلة أخضر. الإضاءة النسبية 0.137؛ OKLCH L 51.1% C 0.045 H 152.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #536E5A |
|---|---|
| RGB | rgb(83, 110, 90) |
| HSL | hsl(136, 14%, 38%) |
| HSV | hsv(136, 25%, 43%) |
| CMYK | cmyk(24.5%, 0%, 18.2%, 56.9%) |
| CIE-LAB | lab(43.84, -14.36, 7.98) |
| CIE-LCH | lch(43.84, 16.43, 150.95°) |
| OKLab | oklab(51.07% -0.0397 0.0206) |
| OKLCH | oklch(51.07% 0.045 152.6) |
| XYZ | xyz(10.9881, 13.7287, 11.7418) |
| Luminance | 0.1373 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Hunter Green
#355E3B
ΔE00 9.10
Dark Green Blue
#1F6357
ΔE00 10.09
Dark Sage
#598556
ΔE00 11.07
Pine
#2B5D34
ΔE00 11.08
Slate Green
#658D6D
ΔE00 12.00
Darkolivegreen
#556B2F
ΔE00 12.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#536E5A #6E5367
analogous
#596E53 #536E5A #536E68
triadic
#536E5A #5A536E #6E5A53
tetradic
#536E5A #53596E #6E5367 #6E6853
square
#536E5A #53596E #6E5367 #6E6853
split-complementary
#536E5A #68536E #6E5359
monochromatic
#1E2821 #394B3D #536E5A #6D9177 #90AB97
إمكانية الوصول والتباين
On white
5.61
#536E5A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.75
#536E5A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #536E5A
5.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##536E5A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##536E5A | 1.00 | 5.61 | 3.75 | 5.61 |
| #FFFFFF | 5.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.75 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E6959
Deuteranopia (green-blind)
#69665B
Tritanopia (blue-blind)
#4F6D68
Achromatopsia (no color)
#686868
وسوم التصميم والكود
CSS
--color: #536e5a; /* rgb */ color: rgb(83, 110, 90); /* oklch */ color: oklch(51.1% 0.045 152.6);
Tailwind
colors: {
custom: {
50: '#849788',
500: '#536e5a',
950: '#000000',
},
}SCSS
$custom: #536e5a; $custom-light: #849788; $custom-dark: #000000;
JSON
{
"hex": "#536e5a",
"rgb": {
"r": 83,
"g": 110,
"b": 90
},
"hsl": {
"h": 135.556,
"s": 13.99,
"l": 37.843
},
"oklch": {
"l": 0.51069,
"c": 0.0447,
"h": 152.6
},
"luminance": 0.13729
}Semantic roles & 50–950 ramp
primary
#536E5A
secondary
#998394
accent
#71A5B7
background
#F8F9F8
surface
#EFF2EF
border
#CACCCA
text
#0B0D0B
muted
#7C7E7C